2012-04-21 3 views
4

私はJQueryを使って<li> <a href="/arb/node/53/grouping/edit/">Edit group</a> </li>を見つけて削除してみました。JQueryの検索方法と削除方法

これを達成するためにお知らせください。

<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

答えて

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

+0

応答に感謝Lazerbladeをしかし、それは動作しません。/arb/node/53/grouping/edit/53は動的ですが、5または10になる可能性があります。 – fkaufusi

7

あなたはjQueryを使用している場合、それを削除するには

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

を。

jsfiddle

reference

編集:パス内の数は動的であることから、あなたはおそらく、次を使用することができます唯一の/edit/で終わるURLパスを削除します

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

new jsfiddle

2

はまた、あなたが試すことができます:

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

$('.tabs li:eq(2)').remove(); 
関連する問題