JQuery Выберите первый и второй тд

Question

Как я могу добавить класс к первому и второму тд в каждом тр?

<div class='location'>
<table>
<tbody>
<tr>
<td>THIS ONE</td>
<td>THIS ONE</td>
<td>else</td>
<td>here</td>
</tr>
<tr>
<td>THIS ONE</td>
<td>THIS ONE</td>
<td>else</td>
<td>here</td>
</tr>
</tbody>
</table>
</div>

Для первого тд это ничего не дает?

$(".location table tbody tr td:first-child").addClass("black");

Могу ли я использовать второго ребенка?

Answer 1

$(".location table tbody tr td:first-child").addClass("black");
$(".location table tbody tr td:nth-child(2)").addClass("black");

http://jsfiddle.net/68wbx/1/

Answer 2

Чтобы выбрать первую и вторую ячейку в каждой строке, вы можете сделать это:

$(".location table tbody tr").each(function() {
    $(this).children('td').slice(0, 2).addClass("black");
});

Answer 3

Вы также можете сделать таким образом

var prop = $('.someProperty').closest('tr');

Если число tr в массиве

$.each(prop , function() {
  var gotTD = $(this).find('td:eq(1)');                 
});

Answer 4

Если вы хотите добавить класс к первым и секундам, вы можете использовать .each() и slice()

$(".location table tbody tr").each(function(){
    $(this).find("td").slice(0, 2).addClass("black");
});

Пример для jsfiddle

Answer 5

$(".location table tbody tr").each(function(){
    $('td:first', this).addClass('black').next().addClass('black');
});

другое:

$(".location table tbody tr").find('td:first, td:nth-child(2)').addClass('black');

Answer 6

jquery предоставляет еще одну функцию: eq

Выбор первого tr

$ (". Bootgrid-table tr"). Eq (0) .addClass ("black");

Выберите второе значение tr

$ (". Bootgrid-table tr"). Eq (1) .addClass ("black");

Answer 7

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

$(".location table tbody tr td:first-child").next("td").addClass("black");