$(this).children()输出的属性是什么
时间: 2024-02-12 12:09:10 浏览: 244
vue 父组件通过$refs获取子组件的值和方法详解
`$(this).children()` 是 jQuery 中的一个方法,用于获取当前元素的所有子元素。该方法返回一个 jQuery 对象,其中包含了所有子元素的元素对象。
如果要获取子元素的属性值,可以使用 jQuery 对象提供的一些方法,例如 `attr()`、`prop()`、`data()` 等。这些方法可以传入一个属性名称作为参数,返回对应属性的值。
以下是一个示例代码,演示如何获取子元素的属性值:
```javascript
// HTML 代码
<div id="parent">
<div class="child" data-value="123">子元素1</div>
<div class="child" data-value="456">子元素2</div>
</div>
// JavaScript 代码
$("#parent").children().each(function() {
var value = $(this).data("value"); // 获取 data-value 属性值
console.log(value); // 输出:123 和 456
});
```
在这个示例代码中,`$(this)` 代表了当前元素,即 `#parent` 元素的一个子元素。`$(this).children()` 返回了 `#parent` 元素的所有子元素,然后使用 `each()` 方法遍历这些子元素,分别获取它们的 `data-value` 属性值。
阅读全文