JQuery - Đặt tbody

Question

Tôi có một bảng quy định như sau:

<table id="myTable" cellpadding="0" cellspacing="0"> 
    <thead><tr> 
    <th>Date</th> 
    <th>First Name</th> 
    <th>Last Name</th> 
    </tr></thead> 

    <tbody> 
    <!-- rows will go here --> 
    </tbody> 
</table> 

tôi đang cố gắng để tự động cư 'myTable' khi chạy qua JavaScript. Để phù hợp cho điều này, tôi đang sử dụng JQuery. Tôi muốn viết một số HTML vào phần tử tbody trong 'myTable'. Tuy nhiên, tôi gặp sự cố khi hiểu cách thực hiện điều này với bộ chọn. Tôi biết rằng tôi có thể nhận 'myTable' sử dụng:

$("#myTable") 

tôi biết rằng tôi có thể thiết lập mã HTML của myTable bằng cách sử dụng như sau:

$("#myTable").html(someHtmlString); 

Tuy nhiên, mà bộ mã HTML của toàn bộ bảng . Trong thực tế, tôi chỉ muốn đặt HTML bên trong TBODY của 'myTable'. Làm thế nào để làm điều này với JQuery?

Cảm ơn bạn!

Answer 1

Hãy thử:

$("#myTable tbody") 

Answer 2

Tìm các yếu tố tbody và sử dụng append, nếu bạn muốn thêm hàng, hoặc html, nếu bạn muốn thay thế tất cả các hàng.

$('#myTable tbody').append(someRowHtml); 

$('#myTable tbody').html(someRowHtml); 

Lưu ý rằng nếu bạn có nhiều hơn một yếu tố tbody bạn cũng sẽ cần phải sử dụng bộ chọn :first (hoặc nth-child - đừng quên rằng, mặc dù nó là zero-based, bạn có một yếu tố thead) để có được đúng.

$('#myTable tbody:first').append(...); 

Answer 3

$("#myTable tbody").html(someHtmlString); 

Answer 4

Bạn sẽ sử dụng:

$("#myTable > tbody"); 

mà chọn tbody yếu tố đó là hậu duệ trực tiếp của #myTable.

Ngoài ra, bạn có thể sử dụng:

$('tbody', '#myTable'); 

đó tìm tất cả các yếu tố tbody trong bối cảnh của #myTable.

Trong jQuery, thường có một số cách để thực hiện những gì bạn cần.

Một cách khác, sẽ làm:

$('#myTable').children('tbody'); 

đó là một cách hiệu quả tương tự như giải pháp đầu tiên của tôi ở trên.

jQuery có tài liệu lớn:

Selectors:http://api.jquery.com/category/selectors/

Traversing:http://api.jquery.com/category/traversing/

Answer 5

cho tbody bạn một id và sau đó làm tương tự với nó như bạn đã làm với bảng của bạn

< tbody id = 'myTbody' >

Answer 6

Cố gắng sử dụng $("#myTable > tbody").html("");

Answer 7

Bạn có thể làm như sau:

$("#myTable tbody").html(html_here); 

Answer 8

$('#myTable tbody').append('<tr><td>foo</td><td>bar</td></tr>');