如果锚点使用 Javascript 则删除元素：void(0)

Question

<a class="slicknav_item" href="home">Home<span></span></a>
<a class="slicknav_item" href="about">About<span></span></a>
<a class="slicknav_item" href="javascript: void(0)">Services<span></span></a>

if ($('.slicknav_item').attr('href').indexOf('javascript: void(0)') > 0) {

$('.slicknav_item span').remove();

}

使用上面的代码，我试图在任何时候找到包含 "javascript: void(0)" 作为 href 的“.slicknav_item”，并删除元素“.slicknav_item span”，但仅来自那个特定的 "slicknav_item" 元素。

它似乎没有给我任何结果。我担心问题是 "javascript: void(0)"?

我的问题是 "javascript: void(0)" 是唯一将它与其他链接分开的东西。有什么建议吗？

Answer 1

您可以使用属性等于select或

$('.slicknav_item[href="javascript: void(0)"] span').remove();

演示：Fiddle

你的代码 $('.slicknav_item').attr('href') returns 第一个元素的 href class slicknav_item 所以在你的例子中 if 条件不会'不会被处决。同样，您的语句 $('.slicknav_item span').remove(); 将 select 所有 span 元素，它们是 .slicknav_item

的后代

如果锚点使用 Javascript 则删除元素：void(0)

Remove element if anchor uses Javascript: void(0)

javascript

jquery

indexof