children()

功能

获得匹配元素集合中每个元素的子元素,选择器选择性筛选。

语法

finder.children(node, selector)

参数

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

范例

Example: 查找含有 div 的所有子元素 p 改变其 color 颜色为 blue。

<!DOCTYPE html>
<html>

<head>
    <style>
    </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: "/lib/skylark" },
        ]
    });
    </script>
</head>

<body>
    <div>
        <span>Hello</span>
        <p >Hello Again</p>
        <div >And Again</div>
        <p>And One Last Time</p>
    </div>
    <script>
    require(["skylark/styler", "skylark/finder"], function(styler, finder) {
        finder.children(finder.find("div"), "p").forEach(function(node) {
            styler.css(node, "color", "blue");
        });
    });
    </script>
</body>

</html>