JQuery如何查找和删除li元素

Question

我正在尝试使用JQuery查找并删除<li> <a href="/arb/node/53/grouping/edit/">Edit group</a> </li>没有运气.

请告诉我实现这一点.

<ul class="tabs secondary">
<li class="active">
<a href="/arb/node/53/grouping">View</a>
</li>
<li>
<a href="/arb/node/53/grouping/add">Add new Group</a>
</li>
<li>
<a href="/arb/node/53/grouping/edit/">Edit group</a>
</li>
</ul>

我尝试以下jquery,但它不起作用.

$(".tabs.secondary:contains(\"Edit group\")").remove()

正确的解决方案应该是找到"编辑组"一词并将其删除<li>为父级.

谢谢

Finau

Answer 1

$("li:has('a'):contains('Edit group')").remove();

演示:http://jsfiddle.net/YqFfe/

Answer 2

如果你使用jQuery:

$('.tabs li:has(a[href="/arb/node/53/grouping/edit/"])').remove()

删除它.

的jsfiddle

参考

编辑:由于路径中的数字是动态的,您可以使用以下内容:

$('.tabs li:has(a[href$="/edit/"])').remove()

这将只删除以...结尾的URL路径/edit/.

新的jsfiddle