Question

我有一张包含多个<tr>的表格。他们中的一些人已经上课了。

我<tr>没有课程，class="Failure"和class="Error"（这是JUnit html报告）。

我想在页面上放一个按钮，然后单击它以删除所有带有已定义类的tr（失败和错误）。

我尝试过这样的事情：

$("tr").remove(":contains('Failure')");

由于

Answer 1

如果您的意思是课程Failure 或 Error，请执行以下操作：

$("tr.Failure,tr.Error").remove();   // remove those with either

如果你的意思是两个班级：

$("tr.Failure.Error").remove();   // remove those with both

对于这两种情况，您可以将选择器移动到.remove()：

$("tr").remove(".Failure,.Error");  // remove those with either

或：

$("tr").remove(".Failure.Error");  // remove those with both

Answer 2

jQuery使用element.class-name语法很容易通过类名选择元素。只需选择所需类的<tr>元素，然后将其删除：

$('tr.Failure,tr.Error').remove();

:contains选择器与类名称不匹配，只与元素中的文本匹配。

建议您阅读jQuery selectors。

Answer 3

应该是这样的：

$('tr.Failure, tr.Error').remove();

Answer 4

这些家伙是正确的家伙，如果你想要一个按钮：

$('.button-class').click(function() {
    $('tr.Failure, tr.Error').remove();
    return false;
});

此外，如果你想删除没有课程的那些：

$('.button-class').click(function() {
    $('tr').each(function() {
        if ($(this).hasClass('Error') || $(this).hasClass('Failure'))
        {
        }
        else
        {
            $(this).remove();
        }
    });
});

Answer 5

('.button-class').click(function() 
{
 $('tr').each(function() 
 { 
  if(!$(this).is('.Failure,.Error'))
     $(this).remove();
 });
});

使用JQuery从页面中删除所有内容

5 个答案: