通過classname刪除所有span元素？

Question

我有一個叫做notag的類名。當我點擊一個按鈕時，它會觸發我的onclick事件來調用我的函數。在函數中，我希望它刪除/刪除所有類名爲notag的span元素。

我的嘗試是低於但沒有運氣！請幫忙謝謝。

onclick="replaceQueuePlaylist()" 

function replaceQueuePlaylist() 
{ 
    $("span").attr('notag').remove(); //dont work 
    $('.notag').remove(); //also dont work 
} 

Answer 1

$（「span」）。attr（'notag'）。remove（）; //不工作

這是行不通的，因爲你的元素有一個名爲notag類，而不是屬性。 class本身是<div class='notag'> hello world </div>

與值notag屬性沒有必要明確地使用.each()如使用$(selector).remove()將通過與選擇條件的每個自​​動元素迭代並刪除它。

$('#delete-em').on('click', function(){ 
 
    $('.delete-me').remove(); 
 
});

.delete-me{ 
 
    height: 50px; 
 
    width: 50px; 
 
    margin: 5px; 
 
    background: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<div class='delete-me'></div> 
 
<div class='delete-me'></div> 
 
<div class='delete-me'></div> 
 
<div class='delete-me'></div> 
 

 
<button id="delete-em">Remove</button>

Answer 2

試試這個;

function replaceQueuePlaylist() { 
    $("span.notag").each(function() { 
     $(this).remove(); 
    }); 
} 

查找所有與notag類名稱跨度並刪除它們。

Answer 3

隨着jQuery.remove()你可以直接刪除所有集合從DOM匹配的元素：

function replaceQueuePlaylist() { 
    $('span.notag').remove(); 
} 

Answer 4

在功能只需添加這些行。快樂編碼

$("span.notag").each(function() { 
    $(this).remove(); 
});