jquery - 段落jqueryのすべての単語をトラバースします

Question

段落があります

 <div id="unique"> Lorem ipsum dolor</p>

この段落の中に各単語を入れたいと思います。私はすでにやってみました

 var $texts = $("#unique");
 $texts.each(function(i, text){
 var str = $(text).text();
    console.log(text);
 });

ただし、これでは「Lorem ipsum dolor」というテキスト全体のみが表示され、「Lorem」、「ipsum」、「dolor」は表示されません。誰かがこれに関して私を助けることができますか？

score 4 · Accepted Answer

文字列のプロトタイプを使用します.split()。

$.each($('#unique').text().split(' '), function(i, text) {
    console.log(text);
});

score 4 · Accepted Answer

標準のJavaScriptに固執することができます。これは、jQueryメソッドにアクセスするよりもはるかに高速です。

var str = 'Lorem ipsum dolor';
var arr = str.split(' ');

for (var i = 0; i < arr.length; i++) {
   var word = arr[i];
   console.log(word);
}

jQueryを使用すると8％遅くなることを示すベンチマークテストを次に示します。

Normal JS = 13,668 Ops/sec (±1.00% - fastest) 
jQuery = 12,442 Ops/sec (±0.43% - 8% slower)

2 に答える 2