jquery 获取子元素
时间: 2023-06-25 15:05:18 浏览: 120
可以使用 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 的 `children()` 方法来获取某个元素的所有直接子元素。例如,如果你想获取 `<div id="parent">` 元素的所有直接子元素,你可以这样写:
```javascript
var children = $('#parent').children();
```
这将返回一个 jQuery 对象,其中包含了 `<div id="parent">` 元素的所有直接子元素。你可以继续使用 jQuery 的其他方法来操作这些子元素。
jquery获取父元素下子元素的img
您可以使用以下代码来获取父元素下的子元素img:
```javascript
// 假设父元素的id是parent
$('#parent').find('img');
```
或者,如果您想要选择直接子元素,可以使用以下代码:
```javascript
// 假设父元素的class是parent
$('.parent > img');
```
以上代码使用了jQuery库中的选择器来选择父元素下的子元素img。
阅读全文