js 获取指定id下 所有子级孙级 span标签中指定内容的标签
时间: 2023-12-26 08:06:43 浏览: 131
使用JS获取页面上的所有标签
可以使用以下代码来实现:
```javascript
// 获取指定id下的所有span标签
const spans = document.querySelectorAll('#your-id span');
// 递归过滤出包含指定内容的span标签
function filterSpans(nodeList, text) {
return Array.from(nodeList).reduce((arr, node) => {
if (node.childNodes.length) {
arr.push(...filterSpans(node.childNodes, text));
}
if (node.tagName === 'SPAN' && node.textContent.includes(text)) {
arr.push(node);
}
return arr;
}, []);
}
// 过滤出包含指定内容的span标签
const filteredSpans = filterSpans(spans, '指定内容');
// 输出过滤后的span标签
console.log(filteredSpans);
```
其中,`querySelectorAll` 方法可以获取指定id下的所有span标签,`filterSpans` 方法使用递归方式过滤出包含指定内容的span标签。在方法中,如果当前节点包含子节点,则继续递归处理子节点;如果当前节点是span标签,并且包含指定内容,则将其加入到结果数组中。
请将 `your-id` 和 `指定内容` 替换为实际的id和内容。希望能对你有所帮助!
阅读全文