Javascript 在JQuery对象上使用.splice（）

我们通过以下方式删除某个

html

元素的子元素

JQuery

：

$(PARENT_SELECTOR).children(CHILD_SELECTOR).remove()

但是，如何使其行为类似于

.splice（）

方法（例如，在

DOM

树上删除给定的索引和偏移量）。例如：

移除最后三个孩子。在这里，我很可能会使用：

for(var x = 0; x < 3; x++) {
   $(PARENT_SELECTOR).children().last().remove()
}

从第5个子元素开始删除5个元素（这是我想要为

JQuery

使用类似

.splice（）

-like函数的真实场景）：

而且这个名单还在继续。。。我可以为每个场景制作自己的案例脚本[，这很简单]。我只是想知道，

JQuery

是否已经有了这样的功能——它将使我的脚本更短，并且不会让我重复编写类似的代码。

我想这才是您真正想要的。下面是一个例子：

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

$( "li" ).slice( 2, 4 ).remove();

清单项目1
清单项目2
清单项目3
清单项目4
清单项目5

$（“li”）.slice（2，4.remove（）；

请记住，

.slice（）

以索引0开头，因此上面的示例将删除第三到第五个子元素。

方法根据其索引选择元素子集。 此方法用于通过起点和终点限制组中元素的选择：起点参数是从其创建子集的起点索引（从0开始），停止参数是可选的终点。 你可以找到更好的解释和建议

$（文档）.ready（函数（）{
$（“p”）.slice（1）.css（“背景色”、“红色”）；
$（“p”）.slice（2,4）.remove（）；
});

第0段

第1段

第2段

第3段

第4段。

var starting = 5,
    index = 5

// I haven't tested this yet.
for(var x = index + starting; x > index; x--) {
    $(PARENT_SELECTOR).children().eq(x - 1).remove()
}

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

$( "li" ).slice( 2, 4 ).remove();