2010-05-24 11 views
6

Bir blok öğeyi eklemeyi deniyorum Başka bir şeyden önce. Doğru yöntemi kullanıp kullanmadığımı bilmiyorum ama benim kodum. Umarım yardımcı olabilirsiniz. Teşekkürler!JQuery Ekle öğesi <tr>'dan önce

jQuery

$("#addMatch").click(function(){ 

    $("<td>New insert</td>").insertBefore("#addMatch").closest('tr'); 

    return false; //this would insert the <td>New insert</td> before the    
        //<td><input type="button" id="addMatch" name="addMatch" value="Add 
        //Match" </td> but not <tr> 
}); 

Html

<tr> 
<td>some data</td> 
</tr> 

//can't tell how many tr would show before the last "addMatch" button. It's dynamic. 
// I want the <td>New insert</td> show up here. 
    <tr> 
    <td><input type="button" id="addMatch" name="addMatch" value="Add Match" </td> 
    </tr> 

cevap

13

<td> hep <tr> olmalıdır.

muhtemelen bu gibi işlev yapacak:

$("#addMatch").click(function(){ 
    $(this).parents('tr:first').before('<tr><td>New Insert</td></tr>'); 
    return false; 
}); 
+2

yerine .parents 'arasında ('tr: İlk')', '.closest ('tr')' var :) –

+0

hızlı .closest olduğunu ? –

+0

İyi biri. Teşekkürler! Evet, en yakın olanın daha hızlı olduğunu düşünüyorum. – FlyingCat