easy

DocsVersion : 1.0.0

parent( [ selector ] )

原型方法Define in : node.js

查找匹配元素的父元素或祖先元素,如果选择器不为空将遍历所有的祖先元素,直到查找到匹配的元素,只要查找到第一个符合条件的元素则立即返回,否则将只查找父元素。如果要查找匹配元素的子元素,请使用 children

参数
  • selector
    String
    可选

    用于查找的选择器,支持基本选择器、属性选择器、伪类选择器。

返回值
  • easyJS Object

    查找结果。

例子1

查找 li 元素的所有父元素,并给父元素添加一个背景颜色。

  • test1
  • test2
  • test3
  • test4
<ul id="demoList1">
    <li class="item1">test1</li>
    <li class="item2">test2</li>
    <li class="item3">test3</li>
    <li class="item4">test4</li>
</ul>
E( '#demoList1 .item1' ).parent().css( 'backgroundColor', '#ccc' );

运行

例子2

查找 a 元素的祖先元素 ul,并给该元素添加一个背景颜色。

<ul id="demoList2">
    <li class="item1"><a href="#">test1</a></li>
    <li class="item2"><a href="#">test2</a></li>
    <li class="item3"><a href="#">test3</a></li>
    <li class="item4"><a href="#">test4</a></li>
</ul>
E( '#demoList2 .item1 a' ).parent( 'ul' ).css( 'backgroundColor', '#ccc' );

运行

查看其他查找 DOM 元素的方法
childrenprototype
findprototype
nextprototype
prevprototype
siblingsprototype