jQuery Chọn td đầu tiên và thứ hai

Question

Làm cách nào để thêm lớp vào td thứ nhất và thứ hai trong mỗi 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> 

Lần đầu tiên, điều này không có gì?

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

Tôi cũng có thể sử dụng con thứ hai không?

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

Để chọn đầu tiên và phần tử thứ hai trong mỗi hàng, bạn có thể làm điều này:

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

Answer 3

Nếu bạn muốn thêm một lớp học để các và td thứ hai đầu tiên bạn có thể sử dụng .each() và slice()

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

Example on jsfiddle

Answer 4

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

khác:

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

Answer 5

Bạn chỉ có thể chọn td tiếp theo:

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

Answer 6

Bạn có thể làm theo cách này cũng

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

Nếu số tr là trong mảng

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