使用jQuery從頁面中刪除所有<tr>

我有一個包含多個<tr>的表格。他們中的一些已經爲他們設置了課程。使用jQuery從頁面中刪除所有<tr>

我有<tr>沒有類，class="Failure"和class="Error"（這是一個JUnit html報告）。

我想在頁面上放一個按鈕，點擊它後刪除所有帶有定義類的tr（失敗和錯誤）。

我已經tryed是這樣的：

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

感謝

來源

2011-01-13 tinti

如果你的意思是帶班Failure或Error，做到這一點

$("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

來源

2011-01-13 15:49:13 user113716

非常感謝。這是一個很好的答案......但我想要相反。我想刪除沒有定義類的。我的錯誤發佈了錯誤的問題 – tinti 2011-01-13 15:55:48

應該像這樣：

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

來源

2011-01-13 15:49:00 jAndy

jQuery讓選擇一個類名很容易與element.class-name語法元素。只要選擇<tr>元素你想要的類，並將其刪除：

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

的:contains選擇不匹配類名，只有元素中的文本。

建議您閱讀您的jQuery selectors。如果你的意思兩類

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

：

來源

2011-01-13 15:49:01 meagar

這些人是正確的紈絝子弟，如果你有一個按鈕，希望它：

$('.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(); 
     } 
    }); 
});

來源

2011-01-13 15:55:53 Jamie

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

來源

2011-01-13 16:29:49

使用jQuery從頁面中刪除所有<tr>

回答

相關問題