如何使用jQuery或Javascript添加元素

我想知道如何在另一个元素之后添加带有jQuery或Javascript的HTML元素

比如说,， 由此

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

对此

<ul>
<li> .... </li>
<div>..</div>
<li> .... </li>
<div>..</div>
<li> .... </li>
<div>..</div>
</ul>

..

..

..

您不能将

div

附加为

UL

的子元素，因此您不能在

li

之后添加

div

元素。浏览器会尽其所能“修复”你糟糕的HTML，并不是每个浏览器都会做同样的事情

如果您将具有

div

的

li作为子级进行追加和
li
，它将正常工作


$（“li”）。在（
新的
）之后





我会看看jquery after（），我尝试了append（）方法，after（）是无效的HTML，所以答案对我来说没有任何作用，因为当我使用元素时，它是在所有ul之后，我希望它在每个uld之后。在阅读我下面的答案后，您理解这个问题了吗？div不能是UL的子级，因此不能在DOM树中的li之后添加div。ul希望找到李的孩子。当您尝试添加div时，它将尝试找出最适合的div，并且它可能会在UL之后添加新div。