javascript - jQuery insertAfter : will insert but not ?

Question

使用此代码:

<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/

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

谢谢!

Answer 1

因为您正在设置外部元素( <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'));