1

重複の可能性:
テキストに基づくjQueryの選択

私はdrupalを学んでいます。サイトにjqueryを追加したい。後で簡単にアクセスできるように、戻ってIDとクラスを追加できることはわかっていますが、「has」または「contents」または「filter」を正しく使用する方法を知りたいです。

私のページにはたくさんの段落があります。<p>その内容に基づいて'を選択し、それを使って何かをしたいので、たとえば次のようにします。

jQuery('p').has('What is Supplemental').css('background-color', 'red')

どうすればいいですか?

ここでのサイトの例:http ://surety.lfwebz.com

洞察力をありがとうございます。

4

4 に答える 4

1

:containsはどうですか?

$('p:contains("What is Supplemental")').css('background-color','red');
于 2013-02-02T19:58:14.917 に答える
1
$('p').filter(function(){
    return $(this).text().indexOf("What is Supplemental") > -1;
}).css('background-color', 'red');
于 2013-02-02T20:00:52.200 に答える
1

あなたはこのようなことを試すことができます:

$('p').filter(function () {
    return $(this).text() == 'What is Suppemental';
}).css('background-color', 'red');

:containsたとえば、完全一致をチェックしないために問題が発生する可能性があるため、「p:contains("What is Supplemental")...補足[空白を埋める]」または「[空白を埋める]補足とは」にも一致します。

編集:

これは、を使用する場合にも当てはまりindexOfますが、一致に追加されたテキストにのみ適用されます。

于 2013-02-02T20:01:03.220 に答える
0

またはeach

jQuery('p').each(function(i){
 str = jQuery(this).html();
 if(str.indexOf('What is Supplemental') !== -1){
   jQuery(this).css('background-color', 'red');
 }
});
于 2013-02-02T20:09:26.407 に答える