0

我有一个具有结构的有序列表

<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>");

但这附加在 li “另一个测试”中，而不是在 2 li 之后

这是示例页面

点击“sub-comment”在li里面添加一个li 2
点击“comment”显示sub-lis的结构

请帮忙

谢谢

普拉久特

4

2 回答 2

1

使用after代替append

于 2010-03-25T23:53:01.113 回答
0

我对 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);
于 2010-03-25T23:57:56.283 回答