Chọn số <td> bằng jQuery?

Question

Tôi có một bảng liên tiếp và nhiều tds trong hàng đó, như vậy:

<tr class="first odd"> 
    <td class="a-center"> 
    <td>...</td> 
    <td>...</td> --> I want this 
    <td>...</td> 
    <td>...</td> 
    <td>...</td> 
</tr> 

tôi có thể nhận được tr mẹ của tất cả các tds, nhưng là có một cách để có được những td 3rd bên trong tr chỉ?

Mã này để có được những tr là:

jQuery('#shopping-cart-table > tbody > tr').each(function(index, value) { 
    ... 
}); 

Cảm ơn

Answer 1

Bạn có thể sử dụng :eq selector:

jQuery('#shopping-cart-table > tbody > tr').each(function(index, value) { 
    $('td:eq(2)', this) 
}); 

Hoặc:

jQuery('#shopping-cart-table tbody').find('td:eq(2)'); 

Answer 2

Sử dụng: eq chức năng trong jQ uery: http://api.jquery.com/eq/

$('#shopping-cart-table td').eq(2); 

Answer 3

Hãy thử với điều này

$("#shopping-cart-table > tbody > tr td").eq(2); 

Answer 4

Hãy thử như thế này:

$(".first td:nth-child(3)").append("<span>-3rd"); 

Answer 5

này là mã tốt nhất và dễ dàng nhất. Bạn có thể nhấp vào nút trong hàng đó sau đó nó sẽ hiển thị cho bạn giá trị thrid. nếu điều này bảng của bạn:

<tr class="first odd"> 
    <td class="a-center"> 
    <td>...</td> 
    <td>...</td> --> I want this 
    <td>...</td> 
    <td>...</td> 
    <td><button id='test'><button></td> 
</tr> 

sau đó trong javascript ràng buộc nút với sự kiện click như đưa ra dưới đây: -

$(document).ready(function() { 
    $('#test').click(function(){ 
     var thirdData = $(this).closest('tr').children('td:eq(2)').text(); 
     alert(thirdData); 
    }); 
}); 

này sẽ giải quyết vấn đề.

Answer 6

trả lời cho danh hiệu:

$("#tableId tr td:nth-child(3)").html();