Javascript jquery选择器：选择元素旁边的所有元素

以下是我的标记：

<ul>
    <li class='product'></li>
    <li id='foo' class='product'></li>
    <li class='insert'></li>
    <li class='insert'></li>
    <li class='product'></li>
    <li class='product'></li>
    <li class='product'></li>
</ul>

---

如果您想依赖

#foo

，那么可以使用同级的

#foo

捕获

，并使用
：last
伪类在last
之后插入元素


$（'#foo'）。同级（'.insert:last'）。在（'
新项目之后）









如果您想要依赖
#foo
，那么使用同级来捕获
在
#foo
的相同级别上的
，并使用
：last
伪类在last
之后插入元素


$（'#foo'）。同级（'.insert:last'）。在（'
新项目之后）









使用伪类选择器获取最后一个元素，并在jQuery中使用方法插入
li


//获取类的最后一个'li'
$（'ul li.insert:last'）
//在元素后面追加html字符串
.在（'
新项目之后
）









使用伪类选择器获取最后一个元素，并在jQuery中使用方法插入
li


//获取类的最后一个'li'
$（'ul li.insert:last'）
//在元素后面追加html字符串
.在（'
新项目之后
）









试试这个

$('li.insert:last-child').after('<li class="insert">new item</li>');

$（'li.insert:last child'）。在（'li class=“insert”>新项目之后；
试试这个

$('li.insert:last-child').after('<li class="insert">new item</li>');

$（'li.insert:last child'）。在（'li class=“insert”>新项目之后；
为什么没有引号
$（'.product'）。单击（function（）{$（this.nextAll（）；）}）
为什么没有引号
$（'.product'）。单击（function（）{$（this.nextAll（）；）}）
它将追加到
li中。插入：最后一个子项
这个答案已经给出。试着给出一些不同的答案，这将有助于观众。而不是在不知情的情况下键入append。。所以我一看到评论@mani就编辑了为什么OP“试试这个”？一个好的答案总是会有一个解释，说明做了什么以及为什么这样做，不仅是为了OP，而且是为了SO的未来访客。它会附加在
li内。插入：last child
此答案已经给出。试着给出一些不同的答案，这将有助于观众。而不是在不知情的情况下键入append。。所以我一看到评论@mani就编辑了为什么OP“试试这个”？一个好的答案总是会有一个解释，说明做了什么以及为什么这样做，不仅是为了OP，而且是为了未来的访客。