首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在jQuery中的单词之间添加空格?

如何在jQuery中的单词之间添加空格?
EN

Stack Overflow用户
提问于 2012-05-28 08:17:20
回答 2查看 2.7K关注 0票数 0

我有一个jQuery函数,它从数据库表中返回一行。当它显示在文本框中时,所有的单词都排在一起。例如:Everyonepleasebecarefulwhenleavingthebuilding。我想把单词分开来读:Every one please be careful when leaving the building。这来自用户输入,因此用户单击他希望在文本框中显示的任何行。每行包含不同的数据。下面列出的代码是触发该事件的原因:

代码语言:javascript
运行
复制
$(document).ready(function() {
    $("table tr").click(function(){
        $("#txttread").val($(this).text());
    });
});

$(document).ready(function() {
    $('.pickme tr').not(':first').hover(
        function() { $(this).addClass('highlight'); },
        function() { $(this).removeClass('highlight'); }
    ).click( function() {
        $('.selected').removeClass('selected');
        $(this).addClass('selected').find('input').attr('checked','checked');
    });
});
EN

回答 2

Stack Overflow用户

发布于 2012-05-28 08:57:16

当表格行被单击时,循环遍历其表格单元格,将它们的每个单词添加到一个数组中。最后,用空格连接数组,并将其结果设置为输入字段值:

代码语言:javascript
运行
复制
​$("#statements").on("click", "tr", function(){
    var words = [];
    $("td", this).text(function(i,v){ words.push( v ); });
    $("#txtread").val( words.join(" ") );
});​​​​​​​​​​

小提琴:http://jsfiddle.net/EXPBp/1/

票数 1
EN

Stack Overflow用户

发布于 2012-05-28 09:05:47

您需要遍历每个单元格并分别获取其文本,而不是仅获取行的文本:

代码语言:javascript
运行
复制
$(document).ready(function(){
  $("table tr").click(function(){
       $("#txttread").val($.map($(this).children('td'), function (item) { return $(item).text() }).join(' '));
  });
});

http://jsfiddle.net/kSsYD/的工作小提琴

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10778174

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档