是否可以在jquery中链接添加元素？

Question

是否可以将DOM操作代码链接在一起，以便将其添加到先前的选择器？

我已尝试使用add（）和Self（）等等，但似乎无法正常工作：

这是我放在一起的一个基本示例，其中一些是jquery代码...

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

我想得到：

<ul>
    <li><p><span>Hello</span>alex</p></li>
    <li><p><span>Hello</span>alex</p></li>
    <li><p><span>Hello</span>alex</p></li>
</ul>

我想知道是否有与此类似的语法（我的jquery pseduo代码）：

$("li").prepend("<p>alex</p>").prepend("<span>Hello</span>");

感谢您的帮助

Answer 1

$('li').prepend($('<p>alex</p>').prepend($('<span>Hello</span>')));

• 找到<li＆gt;具有$('li')
的项目 通过使用<li> 创建新<p>元素，
• 到$('<p/>')项目前面
• 到该<p>元素，通过<span>
创建$('<span/>')元素作为前缀

Answer 2

您可以使用prependTo：

$("<span>Hello</span>").prependTo("<p>alex</p>").prependTo("li");