jQuery选择器得到多个结果,如何使其.text()之间隔开呢?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

2016-05-25 08:47:51 2037 3

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

取消 提交回答
全部回答(3)
  • 游客toulcthvyidcq
    2019-12-06 16:07:51

    首先,对jquery对象进行获取操作是不要用“隐士迭代“,这个特性。可以用jquery中的$('选择器').each进行遍历获取。因为隐士迭代这个特性进行获取时,可能获取不全,还有出现你说的那种情况,结果结构不清晰

    0 0
  • 一生有你llx
    2019-07-17 19:13:21

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

    })

    0 0
  • 云栖技术
    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);
    })
    1 0
添加回答
相关问答

11

回答

在阿里云上安装和运行Node.js全功略

ycwong 2013-09-18 15:17:30 64397浏览量 回答数 11

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 56990浏览量 回答数 19

145

回答

【新手入门】云服务器linux使用手册

fanyue88888 2012-11-26 17:14:18 157681浏览量 回答数 145

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 93760浏览量 回答数 28

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 147228浏览量 回答数 22

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 146034浏览量 回答数 31

23

回答

【云服务器分享】网站访问速度快才是硬道理

dreamdoo 2012-10-15 10:15:02 85361浏览量 回答数 23

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80456浏览量 回答数 13

14

回答

对象存储oss【问答合集】

我是管理员 2018-08-03 14:54:02 67717浏览量 回答数 14

3

回答

Nginx—owncloud安装记事

寒喵 2014-06-07 23:24:41 48727浏览量 回答数 3
+关注
云栖技术
社区爱好者,专为云栖社区服务!
34
文章
898
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载