query immediate selector仅匹配直接子元素的选择器解析
在开发中,query-immediate-selector 用于查询匹配选择器的元素的直接子元素。它仅选择与给定选择器匹配的直接子级,而不会选择孙子元素或更深层次的后代。这类似于使用 body.querySelector('el > selector')
,但区别在于你已经拥有对目标元素的引用。因此,使用 el.querySelector('> selector') 或 el.querySelector(':root > selector') 这样的语法来处理元素子查询更为理想。然而,这种方式尚未成为跨浏览器的标准解决方案。为了简化,可以使用以下示例代码:
var qis = require('query-immediate-selector');
var el = document.getElementById('my-element');
var div = qis(el, 'div'); // 获取 el 的第一个直接 div 子元素
该代码确保你能快速查询直接子级而不涉及更深层次的后代。
下载地址
用户评论