如何在特定的位置

Question

我想在某個特定位置添加一個<li>，例如添加列表項：

<ul id="list"> 
    <li>Position 1</li> 
    <li>Position 2</li> 
    <li>Position 4</li> 
<ul> 

比方說，我想/ <li>Position 2</li>後下方添加新<li> ，我該如何使用jQuery來做到這一點？

我試着用下面的代碼它做的事：

$('#list li:eq(1)').append('<li>Position 3</li>'); 

但是，它沒有工作，因爲它追加<li>Position 2</li>內<li>，而不是<li>Position 2</li>後添加<li> /下面。

有人可以給我一些幫助嗎？

謝謝。

Answer 1

檢查insertAfterhere

Answer 2

你必須使用after()而不是append()：

說明：插入內容，由參數指定，在匹配的元素集合中的每個元素之後。

$('#list li:eq(1)').after('<li>Position 3</li>'); 

---

的append()的文件明確表示：

插入內容（...）每個元素的結束。

---

出於完整性：

注意:eq(n)匹配的元素集合的n個元素相匹配，而:nth-child(n)父的n個孩子相匹配。

Answer 3

您應該使用after()或insertAfter()
http://api.jquery.com/category/manipulation/dom-insertion-outside/

Answer 4

$('<option val="position3">Position3</option>').insertAfter('#list :nth-child(<give childnumber here>)') 

指數下手1