जोड़ा तालिका पंक्तियों

Question

के लिए सुनो कहते हैं कि चलो मैं एक मेज है:

<table> 
    <tr></tr> 
</table> 

$(function(){ 

    $('#btn').click(function(){ 
     $('table').append('<tr><input class="remove" value="remove"></tr>'); 
    }); 

    $('.remove').on('click', function(){ 

     $(this).parent().remove(); 
    }); 

}); 

वहाँ एक कस्टम ईवेंट हैंडलर जब भी एक पंक्ति जोड़ा या हटा दिया जाता है, jQuery का उपयोग कर चलाता है कि बाध्य करने के लिए कोई तरीका है?

धन्यवाद

Answer 1

हां, आप कॉमटम घटना को बांध सकते हैं।

$('#table_id').bind('rowAddOrRemove', function(event){ 
    //do what you want. 
}); 

और जब आप कोई पंक्ति जोड़ते या निकालते हैं, तो आपको ईवेंट को ट्रिगर करना चाहिए।

$('#table_id').trigger('rowAddOrRemove'); 

Answer 2

जब आप पंक्तियों को दूर क्यों नहीं आप विधि कहते हैं? मान लीजिए कि आपके पास एक ऐसा फ़ंक्शन है जो आपको एक पंक्ति को हटाने की अनुमति देता है। उस फ़ंक्शन में बस उस विधि को कॉल करें जिसे आपने अपने श्रोता के लिए उपयोग किया होगा। पंक्तियों को जोड़ने के साथ ही।

$(function(){ 

    $('#btn').click(function(){ 
     $('table').append('<tr></tr>'); 
     // insert your method here... 
    }); 

});