Question

我有简单的标签html

<ul>              
    <li>Something1</li>
    <li>Something2</li>
    <li>Something3</li>
    <li>Something4</li>
</ul>

如果我使用jquery，如何使它成为这样？

<ul>              
    <li><a href="#">Something1</a></li>
    <li><a href="#">Something2</a></li>
    <li><a href="#">Something3</a></li>
    <li><a href="#">Something4</a></li>
</ul>

什么东西已经定义了1-4？

Answer 1

我建议您阅读jQuery API：

$('li').wrapInner('<a href="#"></a>');

Answer 2

$(document).ready(function() {
    $('li').each(function() {
        $(this).html('<a href="#">'+$(this).text()+'</a>');
    })
})

Answer 3

经过测试，并在Chromium 17 / Ubuntu 11.04中工作：

$('li').each(
    function(){
        $(this.firstChild).wrap('<a href="#"></a>');
    });

JS Fiddle demo

如何将元素的内容包装在jQuery中的另一个元素中

3 个答案: