在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? 后的结果: