找到標籤元素並在jquery中添加新元素

Question

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

我需要找到'UL'標籤，並且我想在運行時追加到'Ul'內的子3。

我可以插入第一個孩子，但第二個孩子沒有插入。

任何人都可以幫忙嗎？感謝..

Answer 1

$("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 2

我不能看到你的形象。你是否在尋找：第n個孩子（3）選擇器？

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

Answer 3

可以使用:nth-child() Selector實現這一如本：

// Javascript 
 

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

<!-- 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>