jquery 取子元素的class名
时间: 2023-07-28 14:25:16 浏览: 50
可以使用 jQuery 的 `children()` 方法来获取子元素,并使用 `attr()` 方法来获取元素的 class 属性值。例如:
```javascript
$(".parent-class").children().each(function() {
var childClass = $(this).attr("class");
console.log(childClass);
});
```
这段代码会遍历 `parent-class` 元素的所有子元素,并打印它们的 class 属性值。
相关问题
jquery 获取子元素
可以使用 jQuery 的 `children()` 方法来获取元素的直接子元素,例如:
```html
<div class="parent">
<div class="child">Child 1</div>
<div class="child">Child 2</div>
<div class="child">Child 3</div>
</div>
```
```javascript
// 获取 .parent 元素的所有直接子元素
$('.parent').children();
```
这将返回一个包含所有直接子元素的 jQuery 对象,即 `$('.child')`。如果你只想选择某个特定的子元素,可以给 `children()` 方法传递一个选择器参数,例如:
```javascript
// 获取 .parent 元素中类名为 .child 的第一个子元素
$('.parent').children('.child:first-child');
```
这将返回 `.parent` 元素中类名为 `.child` 的第一个子元素,即 `$('.child:first-child')`。
jquery 根据元素类筛选子元素
你可以使用 jQuery 的子元素选择器(child selector)和类选择器(class selector)来根据元素类筛选子元素。例如,假设你想要选择父元素下所有类名为 "child-class" 的子元素,可以使用以下代码:
```
$('.parent-class > .child-class')
```
其中,".parent-class" 是父元素的类名,">" 是子元素选择器,".child-class" 是子元素的类名。这样就可以筛选出所有符合条件的子元素了。