jQuery：div内のネストされたリストメニュー内の単一の親リンクを見つけて非表示にする - contains（）;

Question

CMSのメニューコントロールが非常に限られているサイトがあります。そのように私はjQueryでこれらの問題を回避して、私が望むようにメニューを表示しようとしています。私はそれがまだHTMLにあることを知っているが、私が望む方法を表示している限り、少なくとも（私の基準では）それはうまくいくだろう。

現在、問題のメニューは次のようになります。

<div id="sidemenu"> 
    <ul> 
     <li class="childlist"> 
        <a href="#">GET RID OF THIS PARENT</a> 
         <ul> 
          <li>Show this</li> 
          <li>Show this</li> 
          <li>Show this</li> 
         </ul> 
     </li> 
    </ul> 
</div> 

私はシンプルな$で欲しいものを達成している（「：（、この親を取り除く）が含まれ」））（非表示;。しかし、メニューは2つの場所に引っ張られているので、私はサイドメニューdiv内のメニューを隠したいだけです。

私はこのアプローチを試してみました：私が最初になります（私は解決策を取得しようとするChromeでコンソールで遊んでてきた）

を

$side = $('#sidemenu'); 
$hidethis = $('$side:contains('GET RID OF THIS PARENT')'); 
$hidethis.hide(); 

をしかし、これはページをクラッシュ私のjavascriptがひどいので、どんな援助もうまく受け入れられます。

ありがとうございます。

あなたのコードは次のようになります

Answer 1

...

$side = $('#sidemenu'); 
$hidethis = $side.find(':contains('GET RID OF THIS PARENT')'); 
$hidethis.hide(); 

Answer 2

この試してみてください。すべての子をループ

jQuery("#slidemenu").find("a:contains('GIT RID OF THIS PARENT')").hide(); 

最初のインスタンスを検索...

jQuery("#slidemenu > .childlist:first").find("a:contains('GIT RID OF THIS PARENT')").hide(); 

：

を

jQuery("#slidemenu").find(".childlist").each(function() { 
    var $childListBranch = jQuery(this); 
    $childListBranch.find("a:contains('GIT RID OF THIS PARENT')").hide(); 
}); 

Answer 3

隠すものをターゲットにする必要があります。たとえば、 "この親を取り除く"テキストを持つリンクを非表示にしたい場合は、a:containsをターゲットにすることができます。親を非表示にする場合は、#sidemenu:containsを親にする必要があります。ここでのコード例がある

//Hide a link 
$("a:contains('GET RID OF THIS PARENT')").hide(); 

    //Hide its parent 
$("#sidemenu:contains('GET RID OF THIS PARENT')").hide(); 

Jsfiddle Demo