javascript - jQuery选择器得到多个结果,如何使其.text()之间隔开呢?
高洛峰
高洛峰 2017-04-10 14:28:14
0
1
645

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

Antworte allen(1)
Peter_Zhu

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

结果为:

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage