previousSibling()

功能

获取指定元素的最近的前一个兄弟,选择匹配的选择器。

语法

finder.nextSibling(elm, selector, adjacent)

参数

  • elm
    HTMLElement对象,指定对象HTML元素
  • selector
    一个匹配元素的选择器表达式
  • adjacent
    如果true被传递,它只检索相邻的前一个兄弟,如果它不匹配选择器,则会得到null。

范例

Example: 查找含有 “selected” 样式的 p 的前一个兄弟元素。

<!DOCTYPE html>
<html>

<head>
    <style>
    li { margin: 3px;padding: 3px;background: #EEEEEE;}
    li.hilight {background: yellow;}
    </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>
    <p>Hello</p>
    <p>Hello Again</p>
    <p class="selected">And Again</p>
    <p class="selected">Agin And Again</p>
    <script>
    require(["skylark/styler", "skylark/finder"], function(styler, finder) {
        styler.css(finder.previousSibling(finder.find(".selected"), "p"), "background", "yellow");
    });
    </script>
</body>

</html>