2

私はこのリストを持っています

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

どうすれば作れます<li><span>Unknown word</span>: Text here</li>か？<li>をaで始めて、「 :」文字の前に<span>置きたいだけです。</span>

4

5 に答える 5

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

http://jsfiddle.net/CvB8J/

于 2012-12-12T10:09:19.353 に答える
1

次のように実行できます。

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

動作デモを参照してください。

于 2012-12-12T10:12:04.603 に答える
1 
$("ul li").each(function() {
 var text = $(this).text().split(":")[0];
 var textNew = "<span>" + text + "</span>";
 $(this).html($(this).text().replace(text, textNew));
});
于 2012-12-12T10:13:14.403 に答える
1 
var a = $('li').text().split(':');
$('li').html("<span>" + a[0] + "</span>:" + a[1]);
于 2012-12-12T10:16:12.693 に答える
0

正規表現を好むあなたのために..

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

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

于 2012-12-12T13:03:06.777 に答える