jquery - 如何使用 jQuery 更改 HTML，使 中的每个文本都被 包围？

Question

我有以下 HTML:

<ul id="breadcrumb">
    <li>abc</li>
    <li><span>xx</span></li>
    <li>xxxxx</li>
</ul>

如何使用 jQuery 来实现每个 <li>其内容包含在 <span> 中。我希望 HTML 看起来像这样:

<ul id="breadcrumb">
    <li><span>abc</span></li>
    <li><span>xx</span></li>
    <li><span>xxxxx</span></li>
</ul>

请注意。 <li>的部分内容可能是这样的已包含在 <span> 中。我不想对它们做任何事。

Answer 1

用途:

$('li').each(function(){
    if($(this).children('span').length == 0){
        $(this).wrapInner('<span/>');
    }
})

在这里检查 fiddle :http://jsfiddle.net/9S4tH/