jQuery判断提取的id是否存在

Posted on 2018-03-25 10:15  神笔码农  阅读(528)  评论(0)    收藏  举报

今天在做练习的时候遇到一种情况，需要给div元素动态添加id名，比如第一种情况id为test1，第二种情况id为test2：

<div id="test2">test</div>

<script>
	console.log($("#test1"));
</script>

　　此种情况下，jQuery提取id为test1的元素进行操作时，虽然并没有实际对应的id，但操作也会生效。

　　因为jQuery提取返回的是一个空的对象object：

 

                                                 

　　比较常用的方法可以用 ：$("#id").length 来判断是否存在

<body>
<div id="test1">test</div>

<script>
	console.log($("#test1").length);
</script>
</body>

　　此时如果该id存在，

　　$("#test1").length就等于1

                                                    

 

这样我们根据id操作就不会出现bug了：
<div id="test1">test</div>

<script>
	if($("#test1").length>0){
		alert("true");
	}else{
		alert("false");
	}
</script>