jQueryでtrを削除する方法

Jquery で tr を削除するメソッド: 1. js サンプル ファイルを作成する; 2. jQuery を導入する; 3. 「functionremoveTr(temp){...}」メソッドを使用して tr を削除します。

この記事の動作環境: Windows7 システム、jquery-2.1.4 バージョン、DELL G3 コンピューター

削除方法tr from jquery?

jQuery delete tr

今日プロジェクトに取り組んでいたときに、いくつかの tr (tr) を削除するという問題が発生しました。動的に追加されました)。いろいろなメソッドを試しましたが、どれもうまくいきませんでした（たとえば、deleteRowメソッドでは、渡されるパラメータはtrの行数しかないようです。まだよく調べていません）。後でこの方法がうまくいったことがわかったので、ここに記録しておきます。

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

私の理解は次のとおりです: $(temp) は最初に td オブジェクトを取得し、.parent() は td の tr を取得し、次に、remove() メソッドで tr

html コード:

    <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
}

推奨学習: "jquery ビデオ チュートリアル "

以上がjQueryでtrを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。