首页 教程 API文档

查找同级附近的元素

2015-09-08 16:41:49

属性


使用频率 中低
所属模块 Std.dom
成员类型 公有成员函数

描述


findSibling方法用于查找与指定类型,指定选择器相匹配的同级元素.

语法



Object findSibling(String type,String selector);
Array findSibling(String type,String selector,Boolean findAll);
        

参数


名称 类型 描述
type String

指定查找方式

  • next : 从当前元素开始往后查找
  • prev : 从当前元素开始往前查找
  • all : 查找所有当前元素的同级元素
selector String 要查找的元素相匹配的css选择器字符串
findAll Boolean 是否查找全部,如果为true,那么就会搜索指定类型与选择器相匹配的所有元素,最后返回一个数组,否则就返回第一次匹配到的元素,默认为false

返回值


1. 包含所有匹配元素(Std.dom实例对象)的数组

2. 匹配到的元素(Std.dom实例对象)

3. null

相关例子


html代码:


<div id="abc">
    <span class="abc">123</span>
    <span class="bcd">456</span>
    <span class="abc">789</span>
    <span class="bcd aaa">123123</span>
    <span class="abc">dfgdfg</span>
    <span class="bcd">345345</span>
    <span class="abc">666666</span>
</div>
        

查找class为aaa的元素后面的class为abc的所有元素


var result = Std.dom("#abc").findSibling("next",".abc",true);
        

查找class为aaa的元素前面的class为abc的所有元素


var result = Std.dom("#abc").findSibling("prev",".abc",true);
        

查找class为aaa同级的所有class为abc的元素


var result = Std.dom("#abc").findSibling("all",".abc",true);