Javascript JQuery如何在已创建元素中创建元素

有一个我正在研究的问题-。我需要创建新元素并将它们附加到现有元素。创建元素并附加所有内容都可以。 但是我不知道如何在创建的元素中创建子元素。我需要创造

<img src="path"/>

在我前面在脚本中创建的div中。一定是这样

<div class="img-w js-popup">
    <img src="path"/>
</div>
<a href="delete.php">Delete</a>

但我唯一能做的就是创建为div的下一个同级

<div class="img-w js-popup"></div>
<img src="path"/>
<a href="delete.php">Delete</a>

---

谁能帮我解决我的问题呢？

你可以先把

img

附加到

div

，然后再把div附加到

li

。您也可以像这样编写相同的代码

$（“
”）
.附加（$（''）{
“类”：“img-w js弹出窗口”，
}).append（$（'

问题是因为您的

append（）

调用在

li

本身上，而不是刚才添加的

div

上。请尝试以下操作：

var$div=$（''，{
“类”：“img-w js弹出窗口”
});
$（''）.append（$div）.append（$（''）

如果不需要单个DOM（li、div、img），则更容易创建静态字符串并将整个字符串附加到列表中，就像这样（记住反斜杠）：

$（'ul'）。追加（
）；

$（“
”）
.附加（$（''）{
“类”：“img-w js弹出窗口”，
}))
.附加（$（''）{
“id”：“idOFDiv”
}))
.附加（$（''）{
href:'delete.php'，
文本：“删除”
}))
.附录（“ul”）；
$（“#idOFDiv”）.append（$（'it's All it's moving one
）
：在此处添加所有相关代码。如果您可以创建fiddle，请确保您可以创建代码段。单击工具栏中的
，创建一个代码段。@ChrisG谢谢您！一切都很好。我不擅长jquery，所以我没想到我可以将它括起来。append（$（“”）在上一篇文章中。谢谢你的回答！我知道我可以用这种方式创建元素，但我不喜欢。对象样式更舒适，并且有仔细的外观。
$('ul').append("<li><div><img src=\"//www.gravatar.com/avatar/9142888a2ae6160f2faec90134eeafa3/?default=&s=80\" alt=\"\"/></div><a href=\"delete.php\">Delete</a></li>");

$('<li/>')
    .append($('<div/>', {
        'class': 'img-w js-popup',
    }))
    .append($('<div/>', {
        'id': 'idOFDiv'
    }))
    .append($('<a/>', {
        href: 'delete.php',
    text: 'Delete'
    }))
    .appendTo('ul');

 $("#idOFDiv").append($('<img/>', {
        'src': '//www.gravatar.com/avatar/9142888a2ae6160f2faec90134eeafa3/?default=&s=80'
    }));