parent()

功能

获取指定元素的父元素。如果提供了选择器,它只在匹配该选择器时才检索父元素。

语法

finder.parent(node, selector)

参数

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

范例

Example: 为无序列表 <ul class=“subnav”>的所有直接父元素加上边框。

<!DOCTYPE html>
<html>

<head>
    <style>
    body {
        font-size: 14px;
    }
    </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>
    <ul class="topnav">
        <li class="child1">Item 1</li>
        <li class="child2">Item 2
            <ul class="subnav">
                <li>Nested item 1</li>
                <li>Nested item 2</li>
                <li>Nested item 3</li>
            </ul>
        </li>
        <li class="child3">Item 3</li>
    </ul>
    <script>
    require(["skylark/styler", "skylark/finder"], function(styler, finder) {
        styler.css(finder.parent(finder.find("ul.subnav"), ".child2"), "border", "3px double red");
    });
    </script>
</body>

</html>