如何用单个angular.element选择指定内部div(排除第二个)
解决方法:单个angular.element选中指定内部div
嘿,这个需求完全可以用单个angular.element调用搞定,因为angular.element底层依赖jQuery(或jQuery lite),支持丰富的CSS选择器,直接用排除类的选择器就能实现:
方法1:基于位置排除(推荐,针对第二个子元素)
直接使用:not()结合:nth-child()伪类,精准排除外层div下的第二个子div:
const targetDivs = angular.element('.outer-div div:not(:nth-child(2))');
- 解释:
:nth-child(2)会选中.outer-div下的第二个子元素(也就是你的inner-div-2),:not()选择器则会排除这个元素,最终得到第1、3、4个内部div。
方法2:基于类名排除(如果类名固定的话)
如果inner-div-2的类名不会变动,也可以直接通过类名排除:
const targetDivs = angular.element('.outer-div div:not(.inner-div-2)');
这两种方式都是单次调用angular.element,完全符合你的需求,而且不需要额外的遍历或过滤操作,简洁高效。
内容的提问来源于stack exchange,提问作者neptune
相关产品推荐
相关产品推荐

