jQuery移除tr無效的解決方法(tr是動態(tài)添加)
今天在做項目時,碰到一個問題,那就是移除掉某些tr(tr是動態(tài)添加的)。嘗試了很多方法,都不見效(比如,deleteRow方法,貌似傳的參數(shù)只能是tr的行數(shù)。沒有仔細研究目前)。后來,發(fā)現(xiàn)這個方法效果不錯,特此記錄。
$(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(); //必須保證頁面已經(jīng)引入了jQuery才可以使用 //此處$(temp)先獲取到<a>對象,.parent()拿到<td>,再.parent()獲取到tr }
- jQuery Easyui學習之datagrid 動態(tài)添加、移除editor
- jQuery實現(xiàn)動態(tài)添加tr到table的方法
- jQuery動態(tài)添加與刪除tr行實例代碼
- 使用jquery給指定的table動態(tài)添加一行、刪除一行
- jquery動態(tài)添加文本并獲取值的方法
- JQuery動態(tài)添加Select的Option元素實現(xiàn)方法
- jQuery實現(xiàn)表格行和列的動態(tài)添加與刪除方法【測試可用】
- jQuery如何獲取動態(tài)添加的元素
- jquery html動態(tài)添加的元素綁定事件詳解
- jquery動態(tài)切換背景圖片的簡單實現(xiàn)方法
- jQuery動態(tài)背景圖片效果實現(xiàn)方法
- jQuery動態(tài)移除和添加背景圖片的方法詳解
相關(guān)文章
jQuery操作Select的Option上下移動及移除添加等等
jQuery操作Select Option:向上移動選中的option、向下移動選中的option、移除選中的option、獲取所有的option值、添加option等等,下面有個不錯的示例,感興趣的朋友不要錯過2013-11-11JavaScript 彈出子窗體并返回結(jié)果到父窗體的實現(xiàn)代碼
下面小編就為大家?guī)硪黄狫avaScript 彈出子窗體并返回結(jié)果到父窗體的實現(xiàn)代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05jQuery添加新內(nèi)容的四個常用方法分析【append,prepend,after,before】
這篇文章主要介紹了jQuery添加新內(nèi)容的四個常用方法,結(jié)合實例形式分析了jQuery元素添加append,prepend,after,before四種方法的功能與相關(guān)使用技巧,需要的朋友可以參考下2019-03-03jQuery選擇器源碼解讀(七):elementMatcher函數(shù)
這篇文章主要介紹了jQuery選擇器源碼解讀(七):elementMatcher函數(shù),本文講解了源碼、功能、參數(shù)、返回函數(shù) 等內(nèi)容,需要的朋友可以參考下2015-03-03jQuery進階實踐之利用最優(yōu)雅的方式如何寫ajax請求
ajax請求相信對大家來說都不陌生,下面這篇文章主要介紹了jQuery進階實踐之利用最優(yōu)雅的方式如何寫ajax請求的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考借鑒,下面隨著小編來一起學習學習吧。2017-12-12