欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Jquery判断$(#id)获取的对象是否存在的方法

程序员文章站 2022-05-23 22:13:19
一、判断对象对象是否存在 如果是下面的 jquery 代码判断一个对象是否存在,是不能用的 . 代码如下: if($("#id")){ }else{} 因为 $(&ldqu...

一、判断对象对象是否存在

如果是下面的 jquery 代码判断一个对象是否存在,是不能用的

. 代码如下:


if($("#id")){
}else{}


因为 $(“#id”) 不管对象是否存在都会返回 object 。

正确使用判断对象是否存在应该用:

. 代码如下:


if($("#id").length>0){}else{}


使用 jquery 对象的属性 length 来判断,如果 > 0 就存在。

或者

. 代码如下:


if($("#id")[0]){} else {}


或者直接使用原生的 javascript 代码来判断:

. 代码如下:


if(document.getelementbyid("id")){} else {}


二、根据父节点查找子节点
jquery之children()返回匹配对象的字节点
children() 返回匹配对象的子介点

. 代码如下:


<p>one</p>
<p id=”ch”>
<span>two</span>
</p>
jquery代码及功能:
function jq(){
alert($(“#ch”).children().html());
}
$(“#ch”).children()得到对象[ <span>two</span> ].所以.html()的结果是”two”
[code]
三、根据子节点查找父节点
[code]
<p id=”ch”>
<span>two</span>
<span id=”sp”>three</span>
</p>


jquery代码及功能

. 代码如下:


jquery.ready ({
alert($(“#ch”).children(“#sp”).html());
});
$(“#ch”).children()得到对象[<span>two</span><span id="sp">three</span> ].
$(“#ch”).children(“#sp”)过滤得到[<span id="sp">three</span> ]