我想删除任意一行的id

I want to remove any row by its id

本文关键字：id 任意一 删除      更新时间：2023-09-26
var numall = 2;
$('.add_row').click(function(){
    var displaytext = '';
    displaytext += ' <tr  id="tr'+numall+'"  ><td>';
    displaytext +='<input  type="text" name="length[]"    class="focuson selector remove_rows" onkeyup="func2()" size="20"/>';
    displaytext +='</td><td>';
    displaytext +='<input type="text" name="width[]" class="selector remove_rows" onkeyup="func2()" size="5"/>';
    displaytext +='</td><td>';
    displaytext +='<input  type="text" name="weight[]" class="selector remove_rows" onkeyup="func2()" size="15"/>';
    displaytext +='</td><td>';
    displaytext +='<input type="text" name="rate[]" class="selector remove_rows" onkeyup="func2()" size="15"/>';
    displaytext +='</td><td>';
    displaytext +='<input type="text" name="qty[]" id="dis[]" class="selector remove_rows"  onkeyup="func2()" size="15"/>';
    displaytext +='</td><td>';
    displaytext +='<input type="text" name="total[]" id="total[]" class="remove_rows" size="20"/> ';displaytext +='</td><td>';
    displaytext +='<input type="button"  id="' + numall + '" value="remove"/>';
    displaytext +='</td></tr>';
    $('#myTable tbody').append(displaytext);
    numall++;
    $('.focuson').focus();
    $(".selector").attr("required", true);
    $("#"+numall).click(function(){
        numall--;
        var buttonId = $(this).attr("id");
        //write the logic for removing from the array
        $("#tr"+ numall).remove();      
    });
});

您需要使用.on API来调用动态创建的元素的函数。

$("table").on("click", "tr", function() {
        numall--;
        $(this).remove();          
});

根本不需要id和numall变量。给remove button一个类，然后找到父tr，然后删除它

$('.add_row').click(function(){
    var displaytext = '';
    displaytext += ' <tr  ><td>';
    displaytext +='<input  type="text" name="length[]"    class="focuson selector remove_rows" onkeyup="func2()" size="20"/>';
    displaytext +='</td><td>';
    displaytext +='<input type="text" name="width[]" class="selector remove_rows" onkeyup="func2()" size="5"/>';
    displaytext +='</td><td>';
    displaytext +='<input  type="text" name="weight[]" class="selector remove_rows" onkeyup="func2()" size="15"/>';
    displaytext +='</td><td>';
    displaytext +='<input type="text" name="rate[]" class="selector remove_rows" onkeyup="func2()" size="15"/>';
    displaytext +='</td><td>';
    displaytext +='<input type="text" name="qty[]" id="dis[]" class="selector remove_rows"  onkeyup="func2()" size="15"/>';
    displaytext +='</td><td>';
    displaytext +='<input type="text" name="total[]" id="total[]" class="remove_rows" size="20"/> ';displaytext +='</td><td>';
    displaytext +='<input type="button"  value="remove" class="remove"/>';
    displaytext +='</td></tr>';
    $('#myTable tbody').append(displaytext);

    $('.focuson').focus();
    $(".selector").attr("required", true);
    $('.remove').on( "click", function() {
      $(this).parent().parent().remove();    
    });
});

演示:http://jsfiddle.net/afna6xnq/2/

相关文章：