jquery - li要素を見つけて削除する方法をJQuery

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>親を削除するものでなければなりません。

ありがとう

フィナウ

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

Answer 3

$('a').each(function() {
    if ($.trim($(this).text()) == 'Edit Group') {
        $(this).parent().remove();
    }
});

ターゲット テキストに編集されました。

Answer 4

また、試すことができます：

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

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