0

ここでの最終目標は、インデックスから一意の ID を持つボタンを取得することです。クリックされた ID (つまり、どのボタンをクリックしたか) に基づいて、対応するテーブル行を削除します。たとえば、ID が 1 の削除ボタンを押した場合、そのテーブル内の最初のテーブル行を削除したいとします。これを行う方法を理解するのに苦労しています。

これが私のコードです。

count = ["<TR>", "<TR>", "<TR>", "<TR>"] 

$.each(count, function(index,value) {
    index++;
    $("#deletingRows table").append("<tr><td class='deleteRow' style='font-weight: bold;'>" + 'Row Number: ' + "<input type='text' name='rowNumber' id='rowNumber' style='margin-left: 45px;' value=" + index + ">" + "</input>" + "<input type='button' id='" + index + ' + "name='delete' value='Delete This Row'></input>" + "</td></tr>");
});
4

1 に答える 1

1

これを次のように単純化できます:-

deleteボタンにクラスを与えます。

$('.delete').click(function(){
  $(this).closest('tr').remove(); // closest('tr') will get you its parent tr and call .remove() to remove it.
});

または単に名前自体を使用します。

 $('input[name=delete]').click(function(){
     $(this).closest('tr').remove(); // closest('tr') will get you its parent tr and call  .remove() to remove it.
    });

.closest()を参照してください

クリック ハンドラを の下に配置することを忘れないでくださいdocument.ready。

于 2013-05-31T20:56:37.890 に答える