在文本周围设置span-element

时间:2014-04-04 13:55:59

标签: jquery

我有一个未分类的列表:

<ul>
    <li>NAVIone</li>
    <li>NAVItwo</li>
</ul>

我现在就是在前4个符号后围绕其余部分设置一个范围,如下所示:

<ul>
    <li>NAVI<span>one</span></li>
    <li>NAVI<span>two</span></li>
</ul>

我该怎么办?

1 个答案:

答案 0 :(得分:2)

您可以使用slice,但必须这样做才会感觉很糟糕。

$('li').html(function (i, html){
  return html.slice(0,4) + '<span>' + html.slice(4) + '</span>';
});

这里有效:http://jsbin.com/juhoz/1/edit?html,css,js,output