jQuery |父后代选择器

在jQuery中，我们可以使用父元素和后代元素之间的关系来选择特定的元素。这就是父后代选择器。

语法：

$("parent element descendant element")

其中，parent element 为父元素，descendant element为后代元素。

示例：

<div class="parent">
  <div class="child">Child element 1</div>
  <div class="child">Child element 2</div>
  <div class="grandchild">
    <span class="descendant">Descendant element</span>
  </div>
</div>

<div class="parent">
  <div class="child">Child element 1</div>
  <div class="child">Child element 2</div>
  <div class="grandchild">
    <span class="descendant">Descendant element</span>
  </div>
</div>

如果要选择上面代码片段中的所有 .descendant 元素，可以使用以下代码：

$(".parent .descendant")

这将选择所有拥有类名 .descendant 的元素，且这些元素是 .parent 元素的后代元素。

可以使用多个父后代选择器来选择不同的元素：

$(".parent .child, .parent .grandchild")

上面这条语句将选择所有 .child 元素和所有 .grandchild 元素。

注意：父后代选择器一定要写在一起，中间没有空格，也不要加>符号（>符号表示直接后代选择器`）。