Jquery पंक्ति के बाद तालिका पंक्ति जोड़ें जो jquery

Question

पर कॉल करता है मुझे table मिल गया है।

<table id="servers" ...> 
... 
{section name=i loop=$ownsites} 
<tr id="site_id_{$ownsites[i].id}"> 
... 
<td>{$ownsites[i].phone}</td> 
<td class="icon"><a id="{$ownsites[i].id}" onClick="return makedeleterow(this.getAttribute('id'));" ...></a></td> 
</tr>  
{/section} 
<tbody> 
</table> 

और यह जावास्क्रिप्ट।

<script type="text/javascript"> 
function makedeleterow(id) 
    { 
     $('#delete').remove(); 
     $('#servers').append($(document.createElement("tr")).attr({id: "delete"})); 
     $('#delete').append($(document.createElement("td")).attr({colspan: "9", id: "deleter"})); 
     $('#deleter').text('Biztosan törölni szeretnéd ezt a weblapod?'); 
     $('#deleter').append($(document.createElement("input")).attr({type: "submit", id: id, onClick: "return truedeleterow(this.getAttribute('id'))"})); 
     $('#deleter').append($(document.createElement("input")).attr({type: "hidden", name: "website_del", value: id})); 
    } 
</script> 

यह ठीक काम कर रहा है, यह table के पिछले tr के बाद एक tr बनाता है और इसे करने के लिए जानकारी देता है, और हटाने समारोह भी ठीक काम करता है।

लेकिन मैं इस संलग्न बाद करना चाहते हैं tr (tdclass="icon" के साथ) जो स्क्रिप्ट बुला रहा है। मैं यह कैसे कर सकता हूँ?

Answer 1

आप किसी अन्य तत्व के बाद कुछ सामग्री जोड़ने के लिए jQuery में .after() फ़ंक्शन का उपयोग कर सकते हैं।

तो बजाय

$("servers").append(...); 

आप

$("#" + id +).closest("tr").after(...); 

का प्रयोग करेंगे या आप भी

$(...).insertAfter($("#" + id).closest("tr")); 

जो अनिवार्य रूप से बराबर है इस्तेमाल कर सकते हैं।

पूर्ण विवरण के लिए http://api.jquery.com/after/ देखें।

Answer 2

.prepend() बजाय .append()

Answer 3

interst टीआर आईडी कोशिश तो onclick = "xyz()"

कुछ इस तरह:

<tr id="" onclick="xyz()"><td></td><td></td></tr> 
<script> 
    function xyz() 
    { 
    var newrow = "<tr><td>data1</td><td>data1</td></tr>";   
    $("#tr_id").after(newrow); 
    } 
</script>