内容是动态的,所以我需要能够动态地放入一个有序的列表。
目前,它引入了像这样的带有空格的文本:
<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>提前谢谢!
发布于 2012-01-28 08:53:00
我相信有一种不那么麻烦的方法,但是:
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/
发布于 2012-01-28 10:05:01
下面是如何使用jQuery (和一点javascript)从字符串中获取单词:
var splitted = str.split(/\s+/);\s -匹配空白space.+ -匹配一次或多次。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));
});https://stackoverflow.com/questions/9041988
复制相似问题