Question

我有这个清单

<ul>
  <li>Unknown word: Text here</li>
</ul>

如何制作<li><span>Unknown word</span>: Text here</li>？我只想用<li>开始<span>并将</span>放在“：”字符之前。

Answer 1

$('li').html(function(i, h){
    var s = h.split(':');
    return '<span>' + s[0] + '</span>:' + s[1]
})

http://jsfiddle.net/CvB8J/

Answer 2

你可以这样做：

var arr = $('#theli').text().split(':');
$('#theli').html( $('<span>'+arr[0]+'</span>') ).append(':'+arr[1]);

见工作demo。

Answer 3

$("ul li").each(function() {
 var text = $(this).text().split(":")[0];
 var textNew = "<span>" + text + "</span>";
 $(this).html($(this).text().replace(text, textNew));
});

Answer 4

var a = $('li').text().split(':');
$('li').html("<span>" + a[0] + "</span>:" + a[1]);

Answer 5

对于那些喜欢正则表达式的人来说。

$('li').html($('li').text().replace(/^([^:]*)(.*)/ig, '<span>$1</span>$2'));

http://jsfiddle.net/ygE4C/1/

如何在<span>中使用JQuery在ul列表中包含一个未知单词？</span>

5 个答案: