0

私はプロジェクトに取り組んでおり、すでにスタックオーバーフローの助けを借りていますが、もう一度立ち往生しています。問題は、ユーザーが追加したい行数を選択できることですが、3 つ追加したいと仮定すると、誤って 4 つ入力して 4 つの行を追加し、1 つの行を削除したいので、以下でそれを行うことができます。そのためのコード

$(function() {
    var spinner = $( "#spinner" ).spinner({ min: 0 });

    $( "#ok" ).click(function() {
        var spiner_val = spinner.spinner( "value" ) ;
        var html = '<tr><td><input type="text" name="name" />&nbsp;<input type="text" name="name" />&nbsp;<input type="text" name="name" />&nbsp;<select><option value="">abc</option><option value="">abc</option><option value="">abc</option><option value="">abc</option></select><a href=""><img class="img-icons" src="images/delete.jpg" /></a></td></tr>';

        for(i = 0; i < spiner_val;i++){
            $(html).insertAfter('tr:last');
        }
    });
});

そのため、ユーザーが任意の行の前にある画像をクリックすると、その行を削除する必要があります。事前に感謝します。

ここにデモがありますhttp://jsfiddle.net/aLZhw/2/

4

1 に答える 1

7

のような要素にクラスdeleteを追加しますa<a href="" class="delete"><img class="img-icons" src="images/delete.jpg" /></a>

それから

 $('#my-table').on('click', '.delete', function(){
     $(this).closest('tr').remove();
     return false;
 })

デモ:フィドル

于 2013-09-20T10:14:55.880 に答える