jquery 刪除tr失敗怎麼辦

jquery刪除tr失敗的解決方法：1、透過「$(temp)」先取得到該td物件；2、透過「.parent()」取得到td的tr；3、使用「remove ()”方法刪除tr即可。

本文操作環境：windows7系統、jquery1.2.6版、DELL G3電腦

jquery 刪除tr失敗怎麼辦?

jQuery移除tr無效的解決方法(tr是動態新增)

今天在做專案時，碰到一個問題，那就是移除某些tr（tr是動態添加的）。嘗試了很多方法，都不見效（例如，deleteRow方法，看似傳的參數只能是tr的行數。沒有仔細研究目前）。後來，發現這個方法效果不錯，特此紀錄。

$(temp).parent().remove(); //temp为td的id 
<code class="js plain"> 
我的理解是这样的：$(temp)先获取到该td对象，然后.parent()获取到td的tr，再remove()方法，删除tr。</code>

html程式碼：

<table> 
<tr> 
<td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>123</a></td> 
<td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>456</a></td> 
</tr> 
<tr> 
<td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>aaa</a></td> 
<td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>bbb</a></td> 
</tr> 
;/table>

js程式碼：

function removeTr(temp){ 
mp).parent().parent().remove(); //必须保证页面已经引入了jQuery才可以使用 
//此处$(temp)先获取到<a>对象，.parent()拿到<td>，再.parent()获取到tr 
}

推薦學習：《jquery影片教學》

以上是jquery 刪除tr失敗怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！