无法使用jquery在列表之间添加列表项

Question

我有一个具有结构

的有序列表

<ol>
      <li>
      </li>
      <li>
      </li>
      <li>
         <ol>
              <li>
                 Test
              </li>
              <li>
                 another test
              </li>
              <li>
                   <a href='#'>Add </a>
              </li>
         </ol>
      </li>

</ol>

我想使用jquery

在子列表2和3之间添加一个列表项

我使用了代码： -

$("ol#update li ol li:eq(1)").append("<li> test </li>");

但这在李“另一个测试”中并不在2 li之后。

以下是example page

点击“子评论”在li 2中添加了li 单击“注释”将显示子lis的结构

请帮忙

由于

Pradyut

Answer 1

使用after代替append

Answer 2

我对jquery并不大......但是使用普通的javascript函数（也可以）：

var item = $("ol#update li ol li:eq(1)");
var thingToAppend = document.createElement('li');
thingToAppend.innerHTML = ' test ';
item.parentNode.insertBefore(item, thingToAppend);
// or
item.parentNode.appendChild(thingToAppend);
// or apparently.... with jQuery something like:
item.after(thingToAppend);