：hasは正常に動作していません

Question

私は$（ '：has'）を使用してツリーをフィルタリングしています。うまく動作していますが、正確な一致を見つけるには時間がかかりすぎています...

function filterLeftNavTree(filterData){ 
    jQuery("ul.treeview").find("li").hide(); 
    if(filterData.indexOf("|")!=-1){ 
    var Data = filterData.split("|"); 
    for(i=0;i<Data.length;i++){ 
    $(':has(#'+Data[i] +')').show(); 
    } 
    }else{ 
    $(':has(#'+filterData+')').show(); 
    } } 

私は が、それは完全な一致を示していない...スピードを向上させるために$('div:has(#'+Data +')').show();を使用しています...
私が何か間違ったことをやっていますか...？私はこのコードのパフォーマンスを向上させることができるように
は、私はまた、.find（）所望の解を得ることができませんでした..but ...

任意の提案を試みました。 ありがとうございます。

Answer 1

これを試してみてください：filterData上に、不要なチェックを削除し 1））
2分割する前にループを避けるために、jQueryのセレクタにfilterData文字列にコンバート。 3）を添加し、セレクタが含まれている代わりに

function filterLeftNavTree(filterData){ 
    jQuery("ul.treeview").find("li").hide(); 
    var Data = filterData.replace("|", "), :contains("); 
    $(':contains('+ Data +')').show(); 
} 

Answer 2

短い答えは:hasを使用するのではないを有します。同じことを達成するためのいくつかの他の高速な方法があります。いずれかのIDまたはCSSクラスによってDOMから要素を選択する場合

$('#' + filterData)

又は$('.' + filterData)、それぞれ、ちょうどそのより一般セレクタのオーバーヘッドを招くことなく、そのような:hasのように行います。

特定の問題を解決するには、複数のセレクタをカンマで区切って$()に渡すことができます。例えば

：あなたは `ループ内Data`を使用すると、特定のインデックスを取得するべきではありません

var selectors = []; 
for(i=0;i<Data.length;i++){ 
    selectors.push('#'+Data); 
} 
var filtered = $(selectors.join(','));