Question

jQuery('.chk').click(function(){
   for(var k=0; k<2; k++) {
      deleteRow(k);  
   }                       
});

并且函数deleteRow（）

function deleteRow(id) {
    var table = document.getElementById("modem_list");
    var rowName = 'row_'+id;
    if (table.rows.namedItem(rowName)) {
        table.deleteRow((table.rows.namedItem(rowName).rowIndex));
    }
}

<table id="modem_list">
   <tr name="row_1">Test 1</tr>
   <tr name="row_2">Test 2</tr>
</table>
<a class="chk" href="">CLICK</a>

当我点击结果不删除2标签时，如何解决？

Answer 1

您的整个解决方案可能简短：

$('.chk').click(function() {
    $('#modem_list tr').each(function() {
        $(this).remove();
    });
});

（从你的问题中我可以阅读/想象出来。）

或者，要仅删除具有以TR开头的课程的row_，您可以使用：

$('.chk').click(function() {
    $('#modem_list tr[class^=row_]').each(function() {
        $(this).remove();
    });
});

较短的变体，没有环绕行，也可以工作 - 但我不确定：

$('.chk').click(function() {
    $('#modem_list tr[class^=row_]').remove();
});

Answer 2

$(function(){

    $('a.chk').click(function(e){
        e.preventDefault();
        $('table#modem_list tr').remove();
    });
});

Answer 3

You are starting the for loop from 0 and you row id is starting from 1 thats why second one is not removing 
jQuery('.chk').click(function(){
    for(var k=1; k<=2; k++) {
         deleteRow(k);  
    }                       
});

    //  OR you can use another solution
jQuery('.chk').click(function($) {
    $('#modem_list tr').each(function() {
        $(this).remove();
    });

删除标记值时出错

3 个答案: