descendant()

功能

获取指定元素的最近的后代,选择一个选择器。

语法

finder.descendant(node, selector)

参数

  • elm
    HTMLElement对象,指定对象HTML元素
  • selector
    一个匹配元素的选择器表达式。

范例

Example: 查找所有表单下的第一个input后代元素。

<!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 type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script>
    <script>
    require.config({
        baseUrl: "./",
        packages: [
            { name: "skylark", location: "../../../src/skylark" },
        ]
    });
    </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>
    require(["skylark/finder", "skylark/styler"], function(finder, styler) {
        styler.css(finder.descendant(finder.find("form"),"input"),"border", "2px dotted blue");
    });
    </script>
</body>

</html>