jQuery

Question

के साथ तालिका कॉलम सम्मिलित करना मेरे पास डेटा की एक तालिका है जिसे मुझे गतिशील रूप से कॉलम जोड़ने की आवश्यकता है। मैं इस बुनियादी तालिका शुरू करने के लिए के साथ कहते हैं कि चलो:

<table> 
<tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr> 
<tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr> 
<tr><td>cell 1</td><td>cell 2</td><td>cell 3</td></tr> 
</table> 

मैं सेल 1 और प्रत्येक पंक्ति में सेल 2 के बीच एक स्तंभ सम्मिलित करना चाहते हैं ... मैं इस की कोशिश की है, लेकिन यह सिर्फ तरह काम नहीं कर रहा मैं उम्मीद ...

$(document).ready(function(){ 
$('table').find('tr').each(function(){ 
    $(this).prepend('<td>cell 1a</td>'); 
}) 
}) 

Answer 1

इस प्रयास करें:

$(document).ready(function(){ 
    $('table').find('tr').each(function(){ 
     $(this).find('td').eq(0).after('<td>cell 1a</td>'); 
    }); 
}); 

आपका मूल कोड, प्रत्येक पंक्ति के अंत करने के लिए स्तंभ जोड़ना होगा स्तंभों के बीच में नहीं है। यह पहला कॉलम पाता है और पहले कॉलम के बगल में सेल जोड़ता है।

Answer 2

$('table > tr > td:first-child').after('<td>cell 1a</td>'); 

tr > td एक tr के बाद प्रथम स्तर td चयन करता है, और तत्व बाहर after आवेषण डेटा।

Answer 3

$('td:first-child').after('<td>new cell</td>');