使用 jQuery 查找具有指定类的所有孩子

在开发 Web 应用程序时，我们经常需要查找具有指定类的所有孩子元素。jQuery 提供了一种方便的方法来实现这一功能。

使用 .children()

.children() 方法可用于查找元素的所有直接子元素，或者可以接受一个可选参数，该参数用于过滤要返回的子元素。

以下是一个示例代码片段：

// 查找具有类名 "example-class" 的所有孩子元素
$('.parent-element').children('.example-class');

上面的代码将查找具有类名 "example-class" 的所有直接子元素，而这些元素属于类名为 "parent-element" 的父元素。

使用 .find()

.find() 方法可用于查找与选择器匹配的所有后代元素，而不仅仅是直接子元素。此方法也可以接受一个可选参数，该参数用于过滤要返回的后代元素。

以下是一个示例代码片段：

// 查找具有类名 "example-class" 的所有后代元素
$('.parent-element').find('.example-class');

上面的代码将查找具有类名 "example-class" 的所有后代元素（无论它们是在父元素的哪个级别上），而这些元素属于类名为 "parent-element" 的父元素。

总结

使用 jQuery，我们可以方便地查找具有指定类的所有孩子元素，无论这些元素是直接子元素还是后代元素。我们可以使用 .children() 方法来查找直接子元素，而使用 .find() 方法来查找后代元素。无论哪种方法，我们都可以传递可选的筛选器参数，以匹配特定的元素。