如何在第三个元素之后删除每个 {元素}
How to remove every {element} after the 3rd one?
我有一个对象列表,我需要在特殊场合使用jQuery修剪。出于意图和目的,假设它看起来像这样:
<div id="container">
<div class="child one">stuff</div>
<div class="child two">stuff</div>
<div class="child three">stuff</div>
<div class="child four">stuff</div>
<div class="child five">stuff</div>
</div>
有没有一种简单的方法(使用 jQuery,我想必要时使用纯 JS(在第三个之后删除"每个".child
?
注意:.one, .two .three
不一定按数字顺序排列。
是的
,使用 :gt
选择器:
$("#container > .child:gt(2)").remove();
。这意味着"选择.child
#container
的直接子元素且位于索引 2 或更高(索引从 0 开始(的所有元素。
或者,如果你不喜欢使用 jQuery 的扩展选择器(因为它们不能传递到浏览器自己的选择器引擎(,你可以使用 .filter
来过滤子项:
$("#container > .child").filter(function(index) {
return index > 2;
}).remove();
如果他们是唯一的孩子,您可以使用.children
而不是该选择器的> .child
部分:
$("#container").children().filter(function(index) {
return index > 2;
}).remove();
使用 :gt(( 选择器和 .remove((
$(document).ready(function(){
$('#container .child:gt(2)').remove();
});
演示视图
$('.child').gt(2).remove();
这里 gt 表示大于
相关文章:
- 如何使用Jquery水平打印表中的数组元素,并在某个元素之后垂直打印
- j查询 如何选择当前元素之后的下一个元素
- 如何在元素之后将模板片段添加到angular.js中的指令中
- 在动态创建html元素之后,是否可以触发事件
- querySelector位于特定元素之后
- 获取活动元素之后的下一个元素
- 如何在 d3.js 中的同级元素之后插入
- 动态嵌套列表:单击时插入行,在当前元素之后
- 紧跟在单击的元素之后显示一个元素
- jQuery选择器,用于查找与选择器匹配的给定元素之后的第一个元素
- XSL 在“N”个子元素之后展开和折叠
- 如何使用jQuery在具有类的特定元素之后插入HTML
- 在元素之后重置表单
- 如何在 {{#each}} 循环中的元素之间添加分隔符,最后一个元素之后除外
- 将子元素淡入父元素之后
- 影响某些元素的 jQuery 函数是否必须存在于代码中的元素之后
- 如何在第二个元素之后插入
- jQuery 在最后一个元素之后插入
- 隐藏单击的元素,并使用jQuery在元素之后立即显示该元素
- 使用jquery在dom的其余部分中查找特定元素之后的第一个匹配项