jquery里判断一个标签元素是否包含另一个标签元素,即一个标签元素是否为另一个标签元素的子标签的方法亲测 收藏

文章标签: jquery入门实例
  • :
  • 01-20 12:57
  • :
  • 19次
  • :
  • 0条
  • 2赞

简介本文讲的是在jquery里,用来判断一个节点标签是否为另一个节点标签元素的子标签,即一个节点标签是否包含另一个节点标签的方法。

在jquery里,我们要判断一个标签是否包含另一个标签,是非常简单的,jquery里有一个内置的函数,可以轻易的实现:

$.contains(父元素,子元素)  一个DOM节点是否包含另一个DOM节点

来看一个具体的实例:

<Div id="aijquery">
    <div id="sundiv">这是子元素</div>
</Div>

假设我们有上面这样一段HTML,那么如果我们要判断#sundiv是否被#aijquery所包含,也就是#sundiv是否为#aijquery的子元素标签,那么直接这样写就可以:

if($.contains($("#aijquery")[0],$("#sundiv")[0])){
    alert("是子元素标签!");
}

在上面这句jquery代码里,$("#ID")[0]  这样的写法是为了把jquery对象转换成js对象,关于jquery对象和js对象的相互转换可以看站长以前写的这篇文章:

jquery对象与dom对象之间互相转换的方法,使jquery对象可以直接使用js里的方法

另外还有一种方法,比如我们要判断#sundiv是否为#aijquery的子标签,或者说#aijquery是否为#sundiv的父标签,可以这样来判断:

if($("#sundiv").parents("#aijquery")[0]){
    alert("#sundiv是#aijquery的子标签");
}

上面这句代码,解释起来就是:

查找#sundiv的所有父辈元素中ID为#aijquery的父辈元素,然后转换成js对象,如果存在,js对象就为真,不存在,js对象就是假!



您正在找的文章可能是: