4

我正在尝试使用 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>父级。

谢谢

弗诺

4

4 回答 4

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

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

于 2012-04-21T01:17:39.007 回答
7

如果您使用的是 jQuery：

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

删除它。

jsfiddle

参考

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

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

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

新的 jsfiddle

于 2012-04-21T01:15:11.320 回答
2 
$('a').each(function() {
    if ($.trim($(this).text()) == 'Edit Group') {
        $(this).parent().remove();
    }
});

编辑为目标文本。

于 2012-04-21T01:15:08.103 回答
2

您也可以尝试：

$('li:eq(2)').remove();

$('.tabs li:eq(2)').remove();
于 2012-04-21T01:20:24.853 回答