Как стилизовать 3-ю, 4-ю или 5-ю ячейку таблицы с помощью jQuery - PullRequest
1 голос
/ 25 августа 2010

Я знаю, как стилизовать нечетные / четные ячейки таблицы, используя jQuery, но как мне стилизовать 3-й, 4-й или 5-й элемент?

<table width="300" border="0" cellspacing="0" cellpadding="0" id="Weekdays">
<thead>
  <tr>
    <td>Week Day</td>
    <td>Short Name</td>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Monday</td>
    <td>Mon</td>
  </tr>
  <tr>
    <td>Tuesday</td>
    <td>Tue</td>
  </tr>
  <tr>
    <td>Wednesday</td>
    <td>Wed</td>
  </tr>
  <tr>
    <td>Thursday</td>
    <td>Thr</td>
  </tr>
  <tr>
    <td>Friday</td>
    <td>Fri</td>
  </tr>
  <tr>
    <td>Saturday</td>
    <td>Sat</td>
  </tr>
  <tr>
    <td>Sunday</td>
    <td>Sun</td>
  </tr>
</tbody>
</table>

Как мне это сделать?

Ответы [ 5 ]

3 голосов
/ 25 августа 2010

Использование eq ():

$('td:eq(5)').css('background','red');

// OR:

$('td').eq(5).css('background','red');

В обоих этих примерах фон 6-го элемента TD будет окрашен в красный цвет.

1 голос
/ 25 августа 2010

Вы можете использовать .slice(), чтобы буквально получить диапазон элементов (хотя я не уверен на 100%, что вы ищете), например:

$("td").slice(2, 5).css("color", "red");​

Вы можете попробовать здесь , при этом будут выбраны следующие элементы:

  • <td>Monday</td>
  • <td>Mon</td>
  • <td>Tuesday</td>

Так что я не уверен, что вы подразумеваете под элементом, вот версия, использующая строки , просто поменяйте "td" на "tr", чтобы получить это.

0 голосов
/ 27 декабря 2011

Чтобы выбрать дочерние элементы от n-го до последнего дочернего элемента любого элемента, просто используйте:

$("#mytable td").slice(n).hide()
0 голосов
/ 25 августа 2010
$('tr:nth-child(5)').function();

Есть много вещей, которые вы не знаете о CS3 :) http://www.w3.org/TR/css3-selectors/

0 голосов
/ 25 августа 2010
$('#Weekdays tbody tr').each(function(i) {
   // Modify the style of element i here
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...