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

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

<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>

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

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

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

Ответы

Ответ 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/

Ответ 2

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

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

Ответ 3

Вы также можете сделать это

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

Если число tr находится в массиве

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

Ответ 4

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

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

Пример jsfiddle

Ответ 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');

Ответ 6

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

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

Ответ 7

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

Выберите первый тр

$ (". bootgrid-table tr"). eq (0).addClass("black");

Выберите второй тр

$ (". bootgrid-table tr"). eq (1).addClass("black");