javascript - jQuery insertAfter:将插入<li>但不插入<a>吗？

使用此代码：

<ul data-role="listview" id="routelist" data-theme="g">
<li id="firstlistitem" style="display:none;">

    

$("<li><a href='http://www.google.co.uk'></a></li>").text('content').insertAfter($("#firstlistitem"));

并参见此jsFiddle：http://jsfiddle.net/6MW2e/

我怎么会得到一个未链接的列表项？如何插入带有链接的元素？

谢谢！

最佳答案

因为您要设置外部元素（<li>）而不是内部元素（链接）的文本。

如果要保留该语法，可以尝试：

$('<li></li>')
    .append(
        $('<a href="www.google.co.uk"></a>').text('content'))
    .insertAfter($('#firstlistitem'));

在我看来，如果您简单地这样做，它将更加干净：

$('<li><a href="www.google.co.uk">' + content + '</a></li>')
    .insertAfter($('#firstlistitem'));