Javascript jQuery insertAfter:将插入<；李>；但不是<；a>；？

使用此代码：

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

$（“
”）.text（'content'）。insertAfter（$（“#firstlistitem”）；

另请参见此JSFIDLE：

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

---

谢谢

因为您设置的是外部元素（即

）的文本，而不是内部元素（即链接）

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

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

$（“
”）
.附加(
$（''）.text（'content'））
.insertAfter（$（“#firstlistitem”）；

在我看来，如果你只是这样做，它会更干净：

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

$（“
”）
.insertAfter（$（“#firstlistitem”）；
因为您设置的是外部元素（即
）的文本，而不是内部元素（链接）

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

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

$（“
”）
.附加(
$（''）.text（'content'））
.insertAfter（$（“#firstlistitem”）；

在我看来，如果你只是这样做，它会更干净：

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

$（“
”）
.insertAfter（$（“#firstlistitem”）；
调用
.text（“内容”）

$（“
”{
html:$（“
调用
.text（“内容”）

$（“
”{
html:$（“
+1，看起来链接被删除是因为他在li+1上调用文本（“内容”），看起来链接被删除是因为他在li+1上调用文本（“内容”）