javascript - 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.itemprop').text();

但是我从输出中得到这个:

AAA aaaBBB bbbCCC ccc

并且需要得到这个:

AAA aaa BBB bbb CCC ccc

我怎样才能得到这个输出？

Answer 1

1st :使用each function获取文本并像这样concatenate它

2nd : 将使用 trim()

删除多余的空间

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

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

<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>