Question

I’m tryting to use the JQuery to find and remove the <li>
<a href="/arb/node/53/grouping/edit/">Edit group</a>
</li> with no luck at all.

Could please let me know to achieve this.

<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>

I try the following jquery, but it not work.

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

The right solutions should be something that will find the word “Edit group” and remove it <li> parent.

Thanks

Finau

Answer 1

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

Demo: http://jsfiddle.net/YqFfe/