Question

内容是动态引入的，因此我需要能够即时输入有序列表。

目前，它正在使用白色空格引入我的文字：

<div class="born">BORN RESIDENCE PLAYS FAVORITE</div>

这是我想要完成的目标格式，但没有运气..

<div class="born">
  <ul>
   <li>BORN</li>
   <li>RESIDENCE</li>
   <li>PLAYS</li>
   <li>FAVORITE</li>
 <ul>
</div>

先谢谢!!

Answer 1

我确信这种方法不那么简单，但是：

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/

Answer 2

以下是如何使用jQuery（以及一些javascript）从字符串中获取单词：

 var splitted = str.split(/\s+/);

\s - 匹配空格。
+ - 匹配一次或多次。

jQuery match all words in string

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));
});

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

2 个答案: