javascript - jQuery选择器得到多个结果，如何使其.text()之间隔开呢？

$(".class").text()
选择器得到了多个结果，怎样才能让这些结果返回的.text()之间隔开呢？
如：
想得到"text1 text2 text3"
实际结果却是"text1text2text3"

# JavaScript

高洛峰2200 天前444 次浏览

全部回复(1) 我要回复

天蓬老师2017-04-10 14:30:14

谢邀。
这里可以使用 text 方法的回调函数。

function(index, content) //index 表示位置，content 表示内容

举例如下：

<span class="test">A</span>
<span class="test">B</span>
<span class="test">C</span>

如题主所述，我们希望取得的结果是 “A B C” 而不是 “ABC”。

$(function() { //
    var maxIndex = $('.test').length - 1;
    var result = '';
    $('.test').text(function(index, content){
        result += (index === maxIndex) ? content : content + ' '; 
    });
    console.log(result);
})

结果为：

取消回复发送