Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.10.2011, 20:28
Интересующийся
Отправить личное сообщение для Решатель Посмотреть профиль Найти все сообщения от Решатель
 
Регистрация: 09.10.2011
Сообщений: 29

Селектор для колонок
Здравствуйте, подскажите пожалуйста, как выбрать определенную колонку(все td и th) селектором jQuery? Вариант с прописыванием классов каждой ячейке слишком муторный...

Последний раз редактировалось Решатель, 18.10.2011 в 20:30.
Ответить с цитированием
  #2 (permalink)  
Старый 18.10.2011, 20:49
Аватар для Serg_pnz
Сам по себе
Отправить личное сообщение для Serg_pnz Посмотреть профиль Найти все сообщения от Serg_pnz
 
Регистрация: 09.06.2009
Сообщений: 963

Если ячейки не объединены, то по номеру в потоке.
Ответить с цитированием
  #3 (permalink)  
Старый 18.10.2011, 20:58
Профессор
Отправить личное сообщение для DjDiablo Посмотреть профиль Найти все сообщения от DjDiablo
 
Регистрация: 04.02.2011
Сообщений: 1,815

У меня нет никакого решения, но я восхищён красотой задачи

Но если подумать то
1) как насчёт http://jquery-docs.ru/traversing/filter/

<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=windows-1251" /> 
<title></title> 

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 


<script type="text/javascript"> 

  $(document).ready(function(){        
     $("tr td").filter(function (index) { return $(this).index()==2; }).html("Привет я третий столбец"); 
  }); 
</script> 
</head> 

<body> 
  <table class="table" border="1" cellpadding="0" cellspacing="0"> 
    <tr><td>11</td><td>12</td><td>13</td><td>14</td></tr> 
    <tr><td>21</td><td>22</td><td>23</td><td>24</td></tr> 
    <tr><td>31</td><td>32</td><td>33</td><td>34</td></tr> 
    <tr><td>41</td><td>42</td><td>43</td><td>44</td></tr> 
    <tr><td>51</td><td>52</td><td>53</td><td>54</td></tr> 
  </table> 
</body> 
</html>


2) Я в общем то, и против цикла не имел бы нечего.
К примеру так.
$("tr").each(function () { $(this).find("td:eq(2)").html("привет я столбец")});
__________________
Лучше калымить в гандурасе чем гандурасить на колыме

Последний раз редактировалось DjDiablo, 18.10.2011 в 22:55.
Ответить с цитированием
  #4 (permalink)  
Старый 18.10.2011, 22:11
Профессор
Отправить личное сообщение для DjDiablo Посмотреть профиль Найти все сообщения от DjDiablo
 
Регистрация: 04.02.2011
Сообщений: 1,815

Ага вот-оно идеальное решение)))
Вся фишка в nth-child( )


<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=windows-1251" /> 
<title></title> 

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 


<script type="text/javascript"> 

  $(document).ready(function(){ 
     $("table tr>td:nth-child(3)").html("Привет я третий столбец");

  }); 
</script> 
</head> 

<body> 
  <table class="table" border="1" cellpadding="0" cellspacing="0"> 
    <tr><td>11</td><td>12</td><td>13</td><td>14</td></tr> 
    <tr><td>21</td><td>22</td><td>23</td><td>24</td></tr> 
    <tr><td>31</td><td>32</td><td>33</td><td>34</td></tr> 
    <tr><td>41</td><td>42</td><td>43</td><td>44</td></tr> 
    <tr><td>51</td><td>52</td><td>53</td><td>54</td></tr> 
  </table> 
</body> 
</html>
__________________
Лучше калымить в гандурасе чем гандурасить на колыме
Ответить с цитированием
  #5 (permalink)  
Старый 24.10.2011, 06:10
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

Если нужно работать с CSS, а не с атрибутами и содержимым, то юзайте тег col http://htmlbook.ru/html/col
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Решение проблемы кодировок для AJAX и PHP без iconv (cp1251 в AJAX) Serge Ageyev AJAX и COMET 10 24.04.2013 20:48
Новая система управления сайтом Scripto CMS deepslam Ваши сайты и скрипты 38 31.01.2011 14:55
Селектор для var в inject-скрипт 4refr0nt jQuery 5 30.01.2011 01:10
Селектор для поиска узлов исключая детей glazs jQuery 4 23.08.2010 14:15