在jquery中,你能够使用.length属性来检测一个元素是否存在。如果元素存在,则length属性会返回所以匹配的元素的个数。
例如:
if($('#div1').length){
alert("Div1 exists");
}else{
alert("Div1 does not exists");
}
此用来检测一个id为div1的元素是否存在。
Jquery length 例子
<html>
<head>
<scripttype="text/javascript"src="jquery-1.3.2.min.js"></script>
</head>
<body>
<h1>jQuery check if an element exists</h1>
<scripttype="text/javascript">
$(document).ready(function(){
$("#buttonDiv1").click(function () {
if($('#div1').length){
alert("Div1 exists");
}else{
alert("Div1 does not exists");
}
});
$("#buttonDiv2").click(function () {
if($('#div2').length){
alert("Div2 exists");
}else{
alert("Div2 does not exists");
}
});
});
</script>
</head>
<body>
<divid="div1">
<b>This is DIV element which has an ide of "div1"</b>
</div>
<br/>
<br/>
<br/>
<inputtype='button'value='div1 exists?'id='buttonDiv1'>
<inputtype='button'value='div2 exists?'id='buttonDiv2'>
</body>
</html>
效果1:
点击 div1 exists? 后的结果:
点击div2 exists? 后的结果: