javascript - 当dom元素中有text remove时，移除整个元素

Question

所以我目前正在使用 wordpress，我的主题会自动创建一个菜单，其中所有项目都会根据级别显示“-”。我知道这很烦人。我试图修复它，但真的不能只删除带空格的“-”，所以我替换了所有选项值。所以这是我的问题:

我想删除一个包含“删除”文本的整个 div。我试过了

$('.hasCustomSelect').has('.menu-item:contains("remove")').remove();

还有一些我在网上找到但无法使用的东西。

我创建了一个小代码笔来展示它: http://codepen.io/denniswegereef/pen/NGGrgR

Answer 1

$(".hasCustomSelect option").each(function() {
    if ($(this).text() == "remove") // If 'remove' is not the only text in the div to remove then replace with $(this).text().indexOf("remove") > -1
        $(this).remove();
});

请注意，我替换了 .menu-item与 option因为在您的代码笔中，您在没有 menu-item 的情况下将新选项添加​​到选择中类(class)。但如果在真实场景中 div我们有那个类(class)，你应该没问题:$(".hasCustomSelect .menu-item")