वर्तमान <tr>

Question

के बाद नया कैसे संलग्न करें मेरे पास निम्न तालिका संरचना है।

<table> 
    <tr> 
     <td><a href="#"></td> 
    </tr> 
</table> 

जब मैं <a> पर क्लिक करें मैं <tr> जिनमें से <a> क्लिक किया जाता है करने के लिए नए <tr> अगले चाहते हैं।

तो परिणाम होगा:

<table> 
    <tr> 
     <td><a href="#"></td> 
    </tr> 
    <tr> 
     <td><a href="#"></td> 
    </tr> 
</table> 

Answer 1

उदाहरण:

$('a').bind('click', function(){ 
    $('<tr><td>new td</td></tr>').insertAfter($(this).closest('tr')); 
}); 

आप एक क्लोन उपयोग बनाना चाहते हैं:

$('a').live('click', function(){ 
    var $this  = $(this), 
     $parentTR = $this.closest('tr'); 

    $parentTR.clone().insertAfter($parentTR); 
}); 

उदाहरण लिंक: http://www.jsfiddle.net/7A6MQ/

मूल रूप से , आप tr element (जिसमें बाल नोड्स शामिल हैं) से एक प्रतिलिपि बनाते हैं और उस तत्व के बाद उस प्रति को सम्मिलित करते हैं। इसलिए, आपको .live बाध्यकारी की आवश्यकता है ताकि यह सुनिश्चित किया जा सके कि नव निर्मित a तत्व उस हैंडलर पर क्लिक भी करते हैं।

रेफरी .: .clone(), .insertAfter(), .live()

Answer 2

इसके अलावा, आप लिख सकते हैं:

$('a').bind('click', function() { 
    $(this).closest('tr').after('<tr><td>new td<td></tr>'); 
}); 

इतना ज्यादा अंतर लेकिन अधिक पठनीय लग रहा है।

Answer 3

यहां कोड है। अगर कोई समस्या है तो कृपया जांचें और मुझे बताएं।

function AddRaw(obj){ 
var $this  = obj; 
$parentTR = $this.closest('tr'); 
$parentTR.clone().insertAfter($parentTR); 
}