jquery刪除table當前行的實例代碼

更新時間：2016年10月07日 11:54:27 投稿：jingxian

下面小編就為大家?guī)硪黄猨query刪除table當前行的實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

jQuery刪除當前行，只需傳this，即可：

</pre><p><tr><td><input type='hidden' name='annex' value="+rs+">
<a href='javascript:void(0);' onclick=\"download('"+rs+"')\">"+rs+"</a>
<span onclick='deleteTr(this);' style='cursor:pointer'>  刪除</span></td></tr> </p>
<pre code_snippet_id="1684775" snippet_file_name="blog_20160516_7_63040" name="code" class="html">

//刪除當前行
 function deleteTr(nowTr){
  //多一個parent就代表向前一個標簽,
  // 本刪除范圍為<td><tr>兩個標簽,即向前兩個parent
  //如果多一個parent就會刪除整個table
    $(nowTr).parent().parent().remove();
 }

以上就是小編為大家?guī)淼膉query刪除table當前行的實例代碼全部內(nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章:

相關(guān)文章

jQuery實現(xiàn)動態(tài)粒子效果
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)動態(tài)粒子效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-03-03
jquery序列化form表單使用ajax提交后處理返回的json數(shù)據(jù)
這篇文章主要介紹了jquery序列化form表單,使用ajax提交后處理返回的json數(shù)據(jù)的示例,需要的朋友可以參考下
2014-03-03
JQuery實現(xiàn)折疊式菜單的詳細代碼
這篇文章主要介紹了JQuery實現(xiàn)折疊式菜單的詳細代碼,本文通過實例代碼通過兩種風格給大家詳細介紹，需要的朋友可以參考下
2020-06-06
jQuery實現(xiàn)一個簡單的輪播圖
本文主要介紹了jQuery實現(xiàn)一個簡單輪播圖的方法，具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
基于jquery中children()與find()的區(qū)別介紹
本篇文章介紹了，基于jquery中children()與find()的區(qū)別，需要的朋友參考下
2013-04-04
jQuery操作動態(tài)生成的內(nèi)容的方法
這篇文章主要介紹了jQuery操作動態(tài)生成的內(nèi)容的方法,對比分析了bind與live方法,說明了live方法在處理新增元素時的作用,需要的朋友可以參考下
2016-05-05
25個非常棒的jQuery滑塊插件和教程小結(jié)
圖像滑塊和幻燈片效果，已成為網(wǎng)頁設(shè)計的基本要素。它們以有趣的方式展示視覺內(nèi)容。如果你一直想知道這是如何實現(xiàn)的，那么這里的25個非常棒的 jQuery 圖片滑塊制作教程將幫助您實現(xiàn)這種效果
2011-09-09
jquery中this的使用說明
在使用jquery操作js時，經(jīng)常整不明白this與$(this)。抽空仔細測試了一把，記錄下來以供在忘記的時候拉出來參考參考！
2010-09-09
jQuery無沖突模式詳解
在本篇文章里小編給大家分享了關(guān)于jQuery無沖突模式知識點分析內(nèi)容，需要的朋友們可以學習下。
2019-01-01
jQuery調(diào)用AJAX時Get和post公用的亂碼解決方法實例說明
js調(diào)用AJAX時Get和post的亂碼解決辦法以前有寫過的但是使用js代碼比較繁瑣，下面與大家分享下使用jQuery該怎么解決，遇到類似情況的朋友可以參考下哈
2013-06-06