jquery刪除tr失敗的解決方法

這篇文章主要為大家展示了“jquery刪除tr失敗的解決方法”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jquery刪除tr失敗的解決方法”這篇文章吧。

jquery刪除tr失敗的解決辦法：1、通過(guò)“$(temp)”先獲取到該td對(duì)象；2、通過(guò)“.parent()”獲取到td的tr；3、使用“remove()”方法刪除tr即可。

本文操作環(huán)境：windows7系統(tǒng)、jquery1.2.6版、DELL G3電腦

jQuery移除tr無(wú)效的解決方法(tr是動(dòng)態(tài)添加)

今天在做項(xiàng)目時(shí)，碰到一個(gè)問(wèn)題，那就是移除掉某些tr（tr是動(dòng)態(tài)添加的）。嘗試了很多方法，都不見(jiàn)效（比如，deleteRow方法，貌似傳的參數(shù)只能是tr的行數(shù)。沒(méi)有仔細(xì)研究目前）。后來(lái)，發(fā)現(xiàn)這個(gè)方法效果不錯(cuò)，特此記錄。

$(temp).parent().remove(); //temp為td的id 
<code class="js plain"> 
我的理解是這樣的：$(temp)先獲取到該td對(duì)象，然后.parent()獲取到td的tr，再remove()方法，刪除tr。</code>

html代碼：

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

js代碼：

function removeTr(temp){ 
mp).parent().parent().remove(); //必須保證頁(yè)面已經(jīng)引入了jQuery才可以使用 
//此處$(temp)先獲取到<a>對(duì)象，.parent()拿到<td>，再.parent()獲取到tr 
}

以上是“jquery刪除tr失敗的解決方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！