Question

背景

我有几个按钮，每个按钮从表中删除一行。我需要一个函数来删除表中的所有行。每行没有唯一的ID，它只有函数末尾的数组中的唯一编号。

HTML

<a class="delete-row" onclick="remove_parent(1)"></a>
<a class="delete-row" onclick="remove_parent(2)"></a>
<a class="delete-row" onclick="remove_parent(3)"></a>
<a class="delete-row" onclick="remove_parent(4)"></a>
<a class="delete-row" onclick="remove_parent(5)"></a>

我正在尝试做什么

我想创建一个按钮来删除表中的所有行。我想尝试这样的事情：

<a class="delete-row" onclick="remove_parent('+ $('.delete-row')[anyNumber].value +');"></a>

如何执行末尾有任何数字的函数remove_parent？

修改

表中的每一行都有很多数据，函数remove_parent（...）执行许多其他函数。例如，当我删除一行时，它会重新计算所有行中所有数字的总和。我真的必须按照它的方式运行该函数，但最后会有任何数字。

Answer 1

怎么样：

$('yourTableSelector tr').remove();

Answer 2

如果您认为有必要，您可以遍历所有链接并逐个执行。

删除所有行的按钮应调用remove_all()函数，如下所示：

function remove_all() {
    $('.delete-row').each(function(key){
        remove_parent(key+1);  
    });
}

如果每个删除链接都有一个与之相关的数字会更好，因此您可以将该值用作关键字。例如，链接可能看起来像这样

<a class="delete-row" data-item="1" onclick="remove_parent(1)"></a>

在每次迭代中，您都会调用remove_parent($(this).data('item'));。

所有以X开头并以数字

2 个答案: