遍历段落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”。任何人都可以帮我解决这个问题吗？

Answer 1

使用字符串原型.split()。

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

Answer 2

您可以坚持使用标准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);
}

以下是一些benchmark tests，表明使用jQuery证明慢8％：

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