Question

<li>
   <a>Parent Node</a>
   <ul>
     <li><a>Child 1</a></li>
     ***<li><a>Child 2</a></li>***
   </ul>
</li>

我需要找到'UL'标签，我想在运行时在'Ul'内附加To Child 3。

我可以插入第一个孩子，但第二个孩子没有插入。

有人可以帮忙吗？感谢..

Answer 1

您可以使用:nth-child() Selector来实现此目的：

＆＃13;

// Javascript

$("ul li:nth-child(2)").append("<li><a>Child 3</a></li>");

＆＃13;

<!-- HTML -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li>
  <a>Parent Node</a>
  <ul>
    <li><a>Child 1</a>
    </li>
    <li><a>Child 2</a>
    </li>
  </ul>
</li>

＆＃13;

Answer 2

$("ul").append('<li><a>Child3</a></li>')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li>
  <a>parent Node</a>
  <ul>
    <li><a>Child1</a></li>
    <li><a>Child2</a></li>
  </ul>
</li>

Answer 3

我无法看到你的形象。你在寻找：nth-child（3）选择器吗？

http://www.w3schools.com/cssref/sel_nth-child.asp

找到标记元素并在jquery

3 个答案: