javascript - 如何使用 javascript 或 jquery 在两个或多个 <li> 元素之间添加新的 <li> 元素？

Question

我有<ul>和<li>这些元素:

<ul>
<li>a element</li>
<li>b element</li>
<li>c element</li>
<li>d element</li>
<li>e element</li>
<li>f element</li>
</ul>

我想添加一个新的 <li>元素

<li>abc element</li>

之间

<li>b element</li>

和

<li>c element</li>

例如:

<ul>
<li>a element</li>
<li>b element</li>
<li>abc element</li>
<li>c element</li>
<li>d element</li>
<li>e element</li>
<li>f element</li>
</ul>

我怎样才能做到这一点(如果可能的话)？

Answer 1

您可以使用 jQuery 中的 eq 方法选择列表中的特定项目。

$('ul li').eq(1).after("<li>abc element</li>")

请记住，eq 是从零开始的，因此第一个元素是 0。