jQuery选择第一个和第二个td

Question

如何在每个tr中的第一个和第二个td中添加一个类？

<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");

我还可以使用二胎吗？

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

如果您想在第一个和第二个td中添加一个类，可以使用.each()和slice()

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

<强> Example on 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

你可以选择下一个td：

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

Answer 7

jquery提供了另一个功能：eq

选择第一个tr

$（“。bootgrid-table tr”）。eq（0）.addClass（“ black”）;

选择第二个tr

$（“。bootgrid-table tr”）。eq（1）.addClass（“ black”）;