选择所有子元素的jQuery方法
在jQuery中，要选择所有子元素，可以使用.children()方法。如果你想要选择所有的子元素，包括文本和注释节点，可以使用.contents()方法。
例子：
HTML结构：
<div id="parent">
<p>Paragraph 1</p>
<p>Paragraph 2</p>
Text Node
<!-- Comment Node -->
</div>jQuery代码：
// 选择所有直接子元素
$('#parent').children().each(function() {
console.log($(this).prop('tagName')); // 打印标签名
});
// 选择所有子元素，包括文本和注释
$('#parent').contents().each(function() {
if (this.nodeType === 1) { // nodeType 1 表示元素节点
console.log($(this).prop('tagName')); // 打印标签名
}
});这段代码会遍历ID为parent的元素的所有子元素，并打印它们的标签名。.children()只会选择直接子元素，而.contents()会选择所有子节点。在回调函数中，通过nodeType检查节点类型，来确定是否是元素节点，只有元素节点才会被处理。
评论已关闭