Jquery判断Id是否存在

最新推荐文章于 2021-09-27 09:05:10 发布

原创最新推荐文章于 2021-09-27 09:05:10 发布 · 768 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript #function #object #div

本文介绍了jQuery中对象判断、子节点查找等核心操作方法，包括如何判断对象是否存在、使用children()查找子节点以及根据子节点查找父节点的实用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Jquery中一些查找与处理

一、判断对象对象是否存在http://s.click.taobao.com/t_8?e=7HZ5x%2BOzdswsVvyc5Jts79Au1Q%3D%3D&p=mm_24156262_0_0

如果是下面的 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>

<div id=”ch”>   

     <span>two</span>

</div>

jQuery代码及功能：

function jq(){

    alert($(“#ch”).children().html());

}

$(“#ch”).children()得到对象[ <span>two</span> ].所以.html()的结果是”two”



三、根据子节点查找父节点




<div id=”ch”>   

      <span>two</span>

      <span id=”sp”>three</span>

</div>


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>