jquery 查找dom下的子元素
时间: 2023-11-18 15:09:42 浏览: 106
可以使用jQuery的子元素选择器来查找DOM下的子元素,例如:
```js
// 查找id为parent的元素下的所有直接子元素
$('#parent > *');
// 查找class为child的元素下的所有直接子元素
$('.child > *');
// 查找name为name的元素下的所有直接子元素
$('[name="name"] > *');
```
其中,`>`表示直接子元素选择器。如果要查找所有子元素,可以使用后代选择器:
```js
// 查找id为parent的元素下的所有子元素
$('#parent *');
// 查找class为child的元素下的所有子元素
$('.child *');
// 查找name为name的元素下的所有子元素
$('[name="name"] *');
```
还可以使用`children()`方法来查找直接子元素:
```js
// 查找id为parent的元素下的所有直接子元素
$('#parent').children();
// 查找class为child的元素下的所有直接子元素
$('.child').children();
// 查找name为name的元素下的所有直接子元素
$('[name="name"]').children();
```
需要注意的是,`children()`方法只会查找直接子元素,而不会查找所有子元素。如果要查找所有子元素,还需要使用`find()`方法:
```js
// 查找id为parent的元素下的所有子元素
$('#parent').find('*');
// 查找class为child的元素下的所有子元素
$('.child').find('*');
// 查找name为name的元素下的所有子元素
$('[name="name"]').find('*');
```