だから私はこのような何か持っている直接テキスト

Question

が含まれている要素だけを選択：jQueryの素敵な:contains selectorを使用して

<div class="main"> 
    <div class="useless"> 
    text I don't want.  
    </div> 
    <div class="useless"> 
    text I don't want.  
    </div> 
    <div class="narrow"> 
    text I'm searching for 
    </div> 
    <div class="useless"> 
    text I don't want.  
    </div> 
    <div class="useless"> 
    text I don't want.  
    </div> 
</div> 

を、私はキーワードを検索することができますが、それは親と子の両方を返します。

私が検索している単語が直接含まれている要素のみを返すことができます。

これは以前の試みとしてthis linkを示唆していましたが、すべてのドミノノードをクロールしており、不明瞭なコードがたくさんあるため、非常に厄介なようです。

$("div:contains('searching')").filter(function() { 
    return (
    $(this).clone() //clone the element 
    .children() //select all the children 
    .remove() //remove all the children 
    .end() //again go back to selected element 
    .filter(":contains('searching')").length > 0) 
}).css('border', 'solid 1px black'); 

Iを：

Answer 1

このスクリプトは、特定のテキストを含むすべてのノードを検索します。また、テキスト（正規表現など）の文字列テストを行うこともできます。 - 高速化のための異なるトップレベル・セレクタを使用http://jsfiddle.net/85qEh/4/

PS：ここ

function getNodesThatContain(text) { 
    var textNodes = $(document).find(":not(iframe, script, style)") 
     .contents().filter( 
      function() { 
      return this.nodeType == 3 
      && this.textContent.indexOf(text) > -1; 
    }); 
    return textNodes.parent(); 
}; 

console.log(getNodesThatContain("test")); 

は、テストのためにフィドルあります。たとえば、#containerの中だけが必要な場合は、var textNodes = $('#container')...

Answer 2

$('div >:contains("text Im searching for")') 

Answer 3

超えるが明らかに高い評価を受けていない解決策として参照されるように他の質問で提供されるソリューションは、これを行うためにあるJSでこれを試してみてくださいそれは、すべてのDOMノードをクロールするために巨大なものを書くよりも、それほどclunkyではなく、実際には狭い範囲に影響を及ぼすはずです。

他の誰かがより良いアイデアを持っているなら、私は間違いなく興味を持っています。

http://jsfiddle.net/TT7dR/42/