attr()函数是用于获取元素的属性值的,而不是子元素的属性值。如果想要获取子元素的属性值,可以使用jQuery的children()方法来选择子元素,然后再使用attr()函数获取属性值。
以下是一个示例代码:
HTML代码:
Child 1
Child 2
Child 3
JavaScript代码:
$(document).ready(function() {
// 选择子元素
var children = $("#parent").children();
// 遍历子元素并获取属性值
children.each(function() {
var attrValue = $(this).attr("data-attr");
console.log(attrValue);
});
});
上述代码中,首先使用$()函数选择父元素的id为"parent"的元素,然后使用children()方法选择子元素,再使用attr()函数获取子元素的data-attr属性值。在控制台输出结果为:
value1
value2
value3