按类名删除所有跨度元素？答案

【问题标题】：Remove all span elements by classname?按类名删除所有跨度元素？
【发布时间】：2016-11-11 11:01:10
【问题描述】：

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

我的尝试低于但没有运气！请帮忙谢谢。

onclick="replaceQueuePlaylist()"

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

【问题讨论】：

$('.notag').remove(); 应该可以，你能分享 HTML 吗？
这就是我的想法，但不是吗？ ://
所以你在某个地方还有另一个错误。
控制台中是否显示任何错误
@ZakariaAcharki 阅读您的信息后，您让我思考，您是对的！我确实有一个小错误，现在已经修复并可以正常工作。谢谢！

标签： javascript jquery

【解决方案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>

【讨论】：

【解决方案2】：

试试这个；

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

找到所有带有notag类名的span并删除它们。

【讨论】：

【解决方案3】：

使用jQuery.remove()，您可以直接从 DOM 中删除所有匹配的元素集：

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

【讨论】：

【解决方案4】：

只需在您的函数中添加这些行。快乐编码

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

【讨论】：