大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jquery判断页面中是否存在某元素,有一个思路是这样的:
创新互联专业为企业提供余杭网站建设、余杭做网站、余杭网站设计、余杭网站制作等企业网站建设、网页设计与制作、余杭企业网站模板建站服务,10年余杭做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
比如:我们要判断页面中是否存在div元素,那么我们可以这样写:
script
if($('div').length0) {
alert('页面中存在div元素');
} else {
alert('页面中不存在div元素');
}
/script
上述代码思路说明 : 判断某一个元素的集合的个数。若是为0,则代表没有这样元素;若是大于0,则代表有这个元素。
纯手打,望采纳。
在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
h1jQuery 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
/headbody
divid="div1"
bThis 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
在传统的Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。例如:
document.getElementById("someID").innerText("hi");
如果ID为"someID"的元素不存在,我们将得到Javascript运行错误:document.getElementById("someID") is null
正确的写法应该是:
obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
}
那么在jQuery,我们如何判断页面元素存在与否呢?如果参照上面的传统Javascript的写法,我们第一个想到的办法一定是:
if ($("#someID")){
$("#someID").text("hi");
}
可是这么写是不对的!因为jQuery对象永远都有返回值,所以$("someID")总是TRUE,IF语句没有起到任何判断作用。正确的写法应该是:
if ( $("#someID").length 0 ) {
$("#someID").text("hi");
}
注意:判断某个页面元素存在与否在jQuery实际上是没有必要的,jQuery本身会忽略对一个不存在的元素进行操作,并且不会报错。
可以使用length属性来判断一个元素是否存在,获取一个元素后,如果该对象的length大于零则该元素存在否则不存在。
工具原料:编辑器、浏览器
1、使用jQuery选择器选择一个元素然后判断其length的值,length大于零则该元素存在否则不存在,代码如下:
!DOCTYPE html
html lang="zh-cn"
body
img src="1.jpg"
script type="text/javascript"
if ($("img").length 0){
alert("该元素存在");
}
/script
/body
/html
2、运行的结果如下: