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

Question

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

Answer 1

这里可以使用 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);

})

结果为：