jquery - jqueryでtr要素を削除

Question

tr 要素のテーブルがあり、各行の削除をクリックすると、テーブルから削除されます。私のhtmlは以下の通りです

<tr class="tr_body">
    <td>
    <input type="text" class="fabric_input createWOBlockBG small ui-autocomplete-input" name="basefabrics[]" onfocus ="loadUniqueAjax(' . "'fabric_input'" . ')" autocomplete="off">
    </td>
    <td>
    <input type="text" class="fac_input createWOBlockBG small ui-autocomplete-input" name="facSnapshots[]" id="facSnapshot" autocomplete="off">
    </td>
    <td>
    <a class ="deleteRow">delete</a>
    </td>
</tr>

私のjqueryは以下の通りです

$('.deleteRow').click(function(){

    var elementDelete = $(this).parent().parent();
    $('#tablelist').remove(elementDelete);

});

ただし、deleteRow アンカータグをクリックすると、Uncaught TypeError: Object [object Object] has no method 'replace' が返されます。助けてくれてありがとう。

score 8 · Accepted Answer

JS Bin での作業例。

$('.deleteRow').click(function() {
  $(this).closest("tr")
         .remove();
});

score 1 · Accepted Answer

これを試して

デモ

$(function(){
  $('.deleteRow').click(function(e){
    $(e.target).closest( 'tr' ).remove();
    //or
    //$(this).closest( 'tr' ).remove();
  });
});

score 1 · Accepted Answer

要素自体を削除するだけです

交換

$('#tablelist').remove(elementDelete);

と

elementDelete.remove();

score 0 · Accepted Answer

単に使用してください：-

$('.deleteRow').click(function(){
 $(this).parent().parent().remove();
});

実際には、ネイティブjavaScriptスタイルとして削除を使用しようとしていますが、jqueryでは親要素を見つける必要はありません。Jqueryはあなたに代わってそれを行うので、削除したい要素を指定するだけです。

ParentElement.remove(childElement); //Javascript style

$(childElement).remove(); // Jquery

score 0 · Accepted Answer

この機能を試してみてください。

function removeTableRow(trId) {
$(document.getElementById(trId)).remove();
}

この関数を次のように呼び出します。

removeTableRow( "tr_body" );

score 0 · Accepted Answer

あなたはちょうどこのようなことをすることができます

$( document ).ready( function () {
    $( '#tablelist .deleteRow' ).click( function ( event ) {
        event.preventDefault();
        $( this ).closest( 'tr' ).remove();
    });
});

score 0 · Accepted Answer

$('.deleteRow').click(function(){
    var elementDelete = $(this).parent().parent();

    $(elementDelete).remove();

});

このフィドルをチェックしてくださいhttp://jsfiddle.net/p3Wrj/

http://api.jquery.com/remove/を参照してください

適切な構文

jquery - jqueryでtr要素を削除

7 に答える 7

Related

Reference