Jquery 如何在特定位置添加列表项
我想在特定位置添加一个Jquery 如何在特定位置添加列表项,jquery,append,listitem,Jquery,Append,Listitem,我想在特定位置添加一个,例如: <ul id="list"> <li>Position 1</li> <li>Position 2</li> <li>Position 4</li> <ul> 位置1 位置2 位置4 假设我想在位置2的下方/之后添加一个新的,我如何使用jQuery来完成 我已尝试使用以下代码来完成此操作: $('#list li:eq(1)').appe
,例如:
<ul id="list">
<li>Position 1</li>
<li>Position 2</li>
<li>Position 4</li>
<ul>
- 位置1
- 位置2
- 位置4
假设我想在位置2的下方/之后添加一个新的,我如何使用jQuery来完成
我已尝试使用以下代码来完成此操作:
$('#list li:eq(1)').append('<li>Position 3</li>');
$(“#list li:eq(1)”)。追加(“位置3 ”);
但是,它不起作用,因为它将附加到位置2 中,而是将添加到位置2
的下面/后面
有人能给我一些帮助吗
谢谢。检查insertAfter
您必须使用而不是append()
:
说明:在匹配元素集中的每个元素之后插入参数指定的内容
$(“#列出li:eq(1)”)。之后(“位置3 ”);
append()
的文档清楚地说明:
在每个元素的结尾插入内容(…)
完整性:
请注意,:eq(n)
匹配匹配元素集的n
th元素,而匹配父元素的n
th子元素。您应该使用after()
或insertAfter()
$('Position3')。插入后面('list:nth-child()'))
索引以1开头
$('#list li:eq(1)').after('<li>Position 3</li>');
$('<option val="position3">Position3</option>').insertAfter('#list :nth-child(<give childnumber here>)')