首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jQuery正则表达式从字符串中获取单词

使用jQuery正则表达式从字符串中获取单词
EN

Stack Overflow用户
提问于 2012-01-28 08:48:36
回答 2查看 2.9K关注 0票数 1

内容是动态的,所以我需要能够动态地放入一个有序的列表。

目前,它引入了像这样的带有空格的文本:

代码语言:javascript
复制
<div class="born">BORN RESIDENCE PLAYS FAVORITE</div>

这是我想要实现的格式,但没有成功。

代码语言:javascript
复制
<div class="born">
  <ul>
   <li>BORN</li>
   <li>RESIDENCE</li>
   <li>PLAYS</li>
   <li>FAVORITE</li>
 <ul>
</div>

提前谢谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-01-28 08:53:00

我相信有一种不那么麻烦的方法,但是:

代码语言:javascript
复制
var text = $("div.born").text();
var textArr = text.split(" ");
$("div.born").html('<ul></ul>');
$.each(textArr, function (k, v) {
    $("div.born ul").append('<li>' + v + '</li>');
});

示例:http://jsfiddle.net/KKauk/

票数 1
EN

Stack Overflow用户

发布于 2012-01-28 10:05:01

下面是如何使用jQuery (和一点javascript)从字符串中获取单词:

代码语言:javascript
复制
 var splitted = str.split(/\s+/);

  • \s -匹配空白space.
  • + -匹配一次或多次。

jQuery match all words in string

代码语言:javascript
复制
var str = $('div').text();

var splitted = str.split(/\s+/);
var _ul = $('<ul/>');
$('div').html(_ul);
$.each(splitted, function(key, value) {
    $(_ul).append($('<li/>').html(value));
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9041988

复制
相关文章

相似问题

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