1

大きなテキストコンテナがあり、jqueryを使用してそれらを比較して強調表示したいと思います。ここで回答された質問は、テキストの繰り返しが含まれていることを除いて、jqueryで単語を強調するのに最適です。これが例です

<div id="source">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</div>
<div id="similar1">Lorem ipsum dolor</div>
<div id="similar2">consectetuer adipiscing elit</div>

ここで、similar1とsimilar2をソースdivと一致させたいと思います。上記のリンクの解決策は、次のコードを提案しています。

 $("#similar1").highlight("Lorem ipsum dolor sit amet, consectetuer adipiscing elit.");
 $("#similar2").highlight("Lorem ipsum dolor sit amet, consectetuer adipiscing elit.");

ご覧のとおり、私は毎回ソーステキストを繰り返す必要があります。ソースdivから直接コンテンツを取得することは可能ですか？すなわち

 $("#similar1").highlight($('#source').val());
4

3 に答える 3

4

.val()テキストフィールド、ドロップダウンなどの入力フィールドでのみ使用する必要があります

次のような要素のコンテンツを取得するには、.text()orを使用する必要があります.html()div/span/e.t.c

以下を試してください、

$("#similar1").highlight($('#source').text());
于 2012-09-11T15:39:49.923 に答える
2

クラスと text() を使用します。

<div id="similar1" class="similar">Lorem ipsum dolor</div>
<div id="similar2" class="similar">consectetuer adipiscing elit</div>


$(".similar").highlight($('#source').text());
于 2012-09-11T15:40:04.837 に答える
0

一度に複数の要素を選択できます。

$("#similar1, #similar2").highlight("Lorem ipsum dolor sit amet, consectetuer adipiscing elit.");

.text()div のテキスト コンテンツを取得するために使用することもできます。

$("#similar1, #similar2").highlight($("#source").text());

于 2012-09-11T15:41:51.497 に答える