jQuery Selecting Divs in Divs with JavaScript

当你需要选择在 div 元素中的子元素时，jQuery 是一个非常有用的工具。 通过使用 jQuery，您可以轻松地选择 div 元素中的子元素并对它们进行操作；这使得您的 JavaScript 代码更加简洁且易于阅读。

基本的 jQuery 选择器

基本的 jQuery 选择器可以使用 CSS 选择器语法作为参数，从 DOM 中选择匹配的元素。您可以使用以下语法选择在 id 为 parent 的 div 元素中的 div 元素：

$("#parent div")

这将返回所有在 id 为 parent 的 div 元素中的 div 元素。

过滤器筛选

除了基本的选择器，jQuery 还提供了许多过滤器来筛选元素。以下是一些常见的过滤器：

:first 和 :last

:first 过滤器选择给定元素的第一个子元素，而 :last 过滤器选择最后一个子元素。例如，以下代码将选择在 id 为 parent 的 div 元素中的第一个和最后一个 div 元素：

$("#parent div:first")
$("#parent div:last")

:even 和 :odd

:even 过滤器选择偶数位置的子元素，而 :odd 过滤器选择奇数位置的子元素。例如，以下代码将选择在 id 为 parent 的 div 元素中偶数位置的 div 元素：

$("#parent div:even")

:not

:not 过滤器是一个否定选择器，只选择不匹配指定选择器的元素。例如，以下代码将选择在 id 为 parent 的 div 元素中除了带有 class 为 no-select 的 div 元素以外的所有 div 元素：

$("#parent div:not(.no-select)")

参考文献

对于更多关于 jQuery 的选择器和过滤器的信息，请查看下列文献：

• https://api.jquery.com/category/selectors/
• https://api.jquery.com/category/traversing/filtering/