按类名删除所有span元素?

Wil*_*iam 0 javascript jquery

我有一个名为的类名notag.当我单击一个按钮时,它会触发我的onclick事件来调用我的函数.在函数中,我希望它删除/删除具有该类名的所有span元素notag.

我的尝试低于但没有运气!请帮助谢谢.

onclick="replaceQueuePlaylist()"

function replaceQueuePlaylist()
{
    $("span").attr('notag').remove(); //dont work
    $('.notag').remove(); //also dont work
}
Run Code Online (Sandbox Code Playgroud)

mri*_*rid 5

.$( "跨度")ATTR( 'notag')删除(); //不要工作

这不起作用,因为您的元素具有名为的类notag,而不是属性.class本身是具有值的属性notag<div class='notag'> hello world </div>

没有必要明确使用,.each()因为使用$(selector).remove()将使用选择标准自动迭代每个元素并将其删除.

$('#delete-em').on('click', function(){
    $('.delete-me').remove();  
});
Run Code Online (Sandbox Code Playgroud)
.delete-me{
    height: 50px;
    width: 50px;
    margin: 5px;
    background: red;
}
Run Code Online (Sandbox Code Playgroud)
<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>
Run Code Online (Sandbox Code Playgroud)