jQuery提取带有添加字符的跨区文本

Question

我有一个看起来像这样的HTML代码：

<span class="itemprop" itemprop="name">AAA aaa</span>
<span class="itemprop" itemprop="name">BBB bbb</span>
<span class="itemprop" itemprop="name">CCC ccc</span>

我使用此代码从span中提取值：

$('span.itemprop').text();

但是我从输出中得到了这个：

AAA aaaBBB bbbCCC ccc

需要得到这个：

AAA aaa BBB bbb CCC ccc

我如何获得此输出？

Answer 1

第一名：使用each function获取文字，concatenate使用

第二名：使用trim()

将删除额外空间

 var texts="";
$('span.itemprop').each(function(){  texts+= $(this).text()+" ";  });

＆＃13;

＆＃13;

var texts="";
$('span.itemprop').each(function(){  texts+= $(this).text()+" ";  });
console.log(texts.length);
console.log(texts = $.trim(texts));
console.log(texts.length);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="itemprop" itemprop="name">AAA aaa</span>
<span class="itemprop" itemprop="name">BBB bbb</span>
<span class="itemprop" itemprop="name">CCC ccc</span>

＆＃13;

＆＃13;

＆＃13;