Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在特定位置添加列表项_Jquery_Append_Listitem - Fatal编程技术网

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>)')