开发者社区> 问答> 正文

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

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

展开
收起
云栖技术 2016-05-25 08:47:51 2666 0
3 条回答
写回答
取消 提交回答
  • 首先,对jquery对象进行获取操作是不要用“隐士迭代“,这个特性。可以用jquery中的$('选择器').each进行遍历获取。因为隐士迭代这个特性进行获取时,可能获取不全,还有出现你说的那种情况,结果结构不清晰

    2019-12-06 16:07:51
    赞同 展开评论 打赏
  • 专注物联网

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

    function(index, content) //index 表示位置,content 表示内容
    举例如下:

    A
    B
    C
    如题主所述,我们希望取得的结果是 “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);

    })

    2019-07-17 19:13:21
    赞同 展开评论 打赏
  • 社区爱好者,专为云栖社区服务!

    这里可以使用 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);
    })
    2019-07-17 19:13:21
    赞同 1 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载