# Descendant Selector ("ancestor descendant")

所属分类：选择器 > 层级 英文文档：Descendant Selector ("ancestor descendant")

## descendant selector

描述: 选择给定的祖先元素的所有后代元素。

- #### 添加的版本: 1.0jQuery( "ancestor descendant" )

  ancestor: 任何有效的选择器。

  descendant: 一个用来筛选后代元素的选择器。

一个元素的后代可能是该元素的一个孩子，孙子，曾孙等。

## 例子:

#### 查找所有表单下的input后代元素。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
    <!DOCTYPE html><html><head>  <style>   body { font-size:14px; }  form { border:2px green solid; padding:2px; margin:0;         background:#efe; }  div { color:red; }  fieldset { margin:1px; padding:3px; }  </style>  <script src="https://code.jquery.com/jquery-latest.js"></script></head><body>  <form>    <div>Form is surrounded by the green outline</div>    <label>Child:</label>    <input name="name" />     <fieldset>      <label>Grandchild:</label>      <input name="newsletter" />    </fieldset>   </form>  Sibling to form: <input name="none" /><script>$("form input").css("border", "2px dotted blue");</script> </body></html>

#### Demo: