jquery怎麼去掉tr

jquery去掉tr的方法：1、建立一個js範例檔；2、引入jQuery；3、透過「function removeTr(temp){...}」方法實作去掉tr即可。

本文操作環境：windows7系統、jquery-2.1.4版、DELL G3電腦

jquery怎麼去掉tr?

jQuery移除tr

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

    $(temp).parent().remove();
 //temp为td的id。

我的理解是這樣的：$(temp)先取得到該td對象，.parent()取得到td的tr，再remove()方法，刪除tr

    <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){
  $(temp).parent().parent().remove(); 
//必须保证已经引入了jQuery，此处$(temp)先获取到<a>对象，.parent()拿到<td>，再.parent()获取到tr
}

建議學習：《

####################################li見到影片教學影片教學課程》 ##

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