Güncel <tr>

Question

'dan sonra nasıl yeni eklenir Aşağıdaki tablo yapısına sahibim. Ben <a> tıkladığımda

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

Ben <a> tıklatıldığında hangi <tr> yeni <tr> sonraki eklemek istiyorum.

Yani sonuç olacaktır:

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

Answer 1

Örnek:

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

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

Örnek: link: http://www.jsfiddle.net/7A6MQ/

Klon kullanımını oluşturmak istiyorsanız

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

temel olarak tr element'dan (çocuk düğümleri içerir) bir kopyasını oluşturursunuz ve bu kopyayı o öğeden sonra eklersiniz. Bu nedenle, yeni oluşturulan a öğelerinin de bu tıklama işleyicisini çağırdığından emin olmak için .live bağlamasına ihtiyacınız vardır.

Ref .: .clone(), .insertAfter() Ayrıca .live()

Answer 2

yazabilirsiniz:

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

pek fark O kadar ama daha okunabilir görünüyor.

Answer 3

İşte kod. Lütfen herhangi bir sorun olup olmadığını kontrol edip bildirin.

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