美文网首页
jQuery判断元素是否存在

jQuery判断元素是否存在

作者: 丶灰太狼他叔 | 来源:发表于2017-12-19 16:19 被阅读69次

有些时候需要判断该元素是否存在,然后再做一些操作。比如:做购物车时,需要拿到数量输入框的值进行一些操作,而拿不到直接进行有些操作时是会报错的。比如:$("#someID").val().toString();在#someID不存在时就会报错。
原生的判断方法

obj = document.getElementById("someID"); 
if (obj){ 
obj.innerText("hi"); 
} 
  • 为空null时,不会触发。

我们写容易想到的错误的jQuery写法:

if ($("#someID")){ 
$("#someID").text("hi"); 
} 
  • 这么写是不对的,因为jQuery对象永远有返回值。所以 if 里的判断条件永远为true。so,我们只能通过它的长度是否大于0来判断。

正确的jQuery判断方法

if ( $("#someID").length > 0 ) { 
$("#someID").text("hi"); 
} 

相关文章

网友评论

      本文标题:jQuery判断元素是否存在

      本文链接:https://www.haomeiwen.com/subject/gxfiwxtx.html