参考文章:jQuery 判断页面元素是否存在的代码
一、判断页面元素
写在前面:在Javascript里,当我们对某个页面元素进行某种操作前,最好先判断这个元素是否存在。原因是对一个不存在的元素进行操作是不允许的。
Javascript中,获取某个元素的正确的写法:
var obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
}
但是,在jQuery中,jQuery对象永远都有返回值,所以$("someID") 总是TRUE ,IF语句没有起到任何判断作用。正确的写法应该是:
if ( $("#someID").length > 0 ) {
$("#someID").text("hi");
}
二、判断属性
获取一个元素的属性,如果存在某个属性会返回属性的值,如果不存在则会返回"undefined",如图:
我在chrome下做测试,判断属性是否存在可用
var attr = $(this).attr('name');
if ( attr == undefined) {
alert(111);
}
但是有网友说这样更好一些:
var attr = $(this).attr('name');
// For some browsers, `attr` is undefined; for others, `attr` is false. Check for both.
if (typeof attr !== typeof undefined && attr !== false) {
// Element has this attribute
}
为了适配更多的应用场景,大家可用第二种方法,否则第一种即可。