Question

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

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

onclick="replaceQueuePlaylist()"

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

Answer 1

。
$（ “跨度”）ATTR（ 'notag'）除去（）; //不工作

这不起作用，因为您的元素有一个名为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>

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

按类名删除所有span元素？

4 个答案: