JQuery - सेट tbody

Question

मैं एक मेज के रूप में निम्नानुसार परिभाषित किया गया है:

<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> 

मैं गतिशील रनटाइम पर पॉप्युलेट करने के लिए जावास्क्रिप्ट के माध्यम से 'mytable' कोशिश कर रहा हूँ। इसके लिए समायोजित करने के लिए, मैं JQuery का उपयोग कर रहा हूं। मैं कुछ एचटीएमएल को 'myTable' के भीतर टैब तत्व में लिखना चाहता हूं। हालांकि, मुझे यह समझने में समस्याएं आ रही हैं कि चयनकर्ताओं के साथ ऐसा कैसे करें। मुझे पता है कि मैं 'mytable' का उपयोग कर प्राप्त कर सकते हैं:

$("#myTable") 

मैं जानता हूँ कि मैं का उपयोग करके mytable के एचटीएमएल सेट कर सकते हैं कि निम्नलिखित:

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

हालांकि, कि पूरे मेज के एचटीएमएल सेट । हकीकत में, मैं सिर्फ 'myTable' के TBODY के भीतर HTML सेट करना चाहता हूं। मैं JQuery के साथ यह कैसे करूँ?

धन्यवाद!

Answer 1

प्रयास करें:

$("#myTable tbody") 

Answer 2

, tbody तत्व और उपयोग संलग्न खोजें आप पंक्तियों, या html जोड़ने के लिए, यदि आप सभी पंक्तियों को बदलना चाहते चाहते हैं।

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

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

ध्यान दें कि यदि आप एक से अधिक tbody तत्व है आप भी :first चयनकर्ता का उपयोग करने के लिए (या nth-child है - अर्थात मत भूलना, कि हालांकि यह शून्य आधारित है, तो आप एक thead तत्व) सही पाने के लिए।

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

Answer 3

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

Answer 4

आप का प्रयोग करेंगे:

$("#myTable > tbody"); 

जो tbody तत्वों कि #myTable के प्रत्यक्ष वंशज हैं चयन करता है।

वैकल्पिक रूप से, आप इस्तेमाल कर सकते हैं:

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

जो #myTable के संदर्भ में सभी tbody तत्वों पाता है।

jQuery में, आपको जो चाहिए उसे पूरा करने के कई तरीके होते हैं।

एक और तरीका है, क्या करना होगा:

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

जो प्रभावी रूप से ऊपर मेरा पहला समाधान के रूप में एक ही है।

चयनकर्ता:

jQuery महान डॉक्स हैhttp://api.jquery.com/category/selectors/

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

Answer 5

अपने tbody एक आईडी देना और फिर इसे साथ भी ऐसा ही के रूप में आप अपनी तालिका के साथ किया है

< टैबी आईडी = 'myTbody' >

Answer 6

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

Answer 7

उपयोग करने का प्रयास आप की तरह कर सकते हैं:

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

Answer 8

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