Nhận td thứ hai của tr sử dụng jquery

Question

Tôi đang cố gắng để có được giá trị td của tr .. nhưng tiếc là nó không làm việc .. có thể có cái gì đó sai

html của tôi trông giống như

<tr class="dname"> 
    <td>abc</td> 
     <td>value here</td> 
</tr> 

Mã jquery của tôi là

jQuery(".dname").find("tr td:eq(1)").val(); 

Có gì sai?

Answer 1

Phương thức jQuery find() trả về hậu duệ của phần tử đã chọn. Bạn đã chọn số <tr> với một lớp là dname và sau đó cố gắng tìm một hậu duệ cũng là một số <tr>.

https://api.jquery.com/find/

Sau đây nên làm việc:

jQuery(".dname").find("td:eq(1)").text(); 

Edit: text() thay vì val() như @ freedomn-m chỉ ra

Answer 2

Vì rằng <td> là đứa trẻ cuối cùng của bạn <tr> bạn có thể truy cập nó như dưới đây,

jQuery(".dname > td:last-child").text();

Answer 3

Bạn đã lọc trên tên lớp học tr, vì vậy không cần phải tìm lại bằng cách tr.

jQuery(".dname").find("td:eq(1)").text() 

Ngoài ra, bạn cần phải .text() để có được nội dung của một <td> không .val().

JSBin tại đây.

Hy vọng điều này sẽ giúp ích:

Answer 4

Thay thế n bằng con không.

$(".dname td:nth-child(n)").text(); 

Ví dụ: cho trẻ thứ 2

$(".dname td:nth-child(2)").text();