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

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

阅读 5.7k
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);
})

结果为:

请输入图片描述

推荐问题
logo
101 新手上路
子站问答
访问
宣传栏