您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“jquery刪除tr失敗的解決方法”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“jquery刪除tr失敗的解決方法”這篇文章吧。
jquery刪除tr失敗的解決辦法:1、通過“$(temp)”先獲取到該td對象;2、通過“.parent()”獲取到td的tr;3、使用“remove()”方法刪除tr即可。
本文操作環境:windows7系統、jquery1.2.6版、DELL G3電腦
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='#' 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(); //必須保證頁面已經引入了jQuery才可以使用 //此處$(temp)先獲取到<a>對象,.parent()拿到<td>,再.parent()獲取到tr }
以上是“jquery刪除tr失敗的解決方法”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。