javascript - 按类名删除所有跨度元素？

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(); //dont work

这不起作用，因为您的元素有一个名为 notag 的类，而不是属性。 class本身是一个值为 notag 的属性在<div class='notag'> hello world </div>

无需显式使用.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>