代码之家 › 专栏 › 技术社区 › AngryHacker

如何检查空方法或未定义方法?

jquery javascript

AngryHacker · 技术社区 · 5 年前

沿着这条线的某个地方 jQuery 改变了它对不存在元素的处理。假定 #nearby 元素不存在,则

console.log($('#nearby').html());

a) 在 jQuery <= 1.7.2 它打印出来 null

B) 在 jQuery > 1.7.2 它打印出来 undefined

我正努力支持检查这两种情况。以下工作:

if ($('#nearby').html() === null || $('#nearby').html() === undefined)
{ 
    console.log('nothing here');
}

有没有不那么难看的检查方法 无效的 或 未定义 方法?我尝试了布尔检查:

(`if ($('#nearby').html()))` ...

但它不起作用。那么,有更好的方法吗?

注释这不是支票 未定义/空变量 有一百万个答案。

3 回复 | 直到 5 年前

Shidersz 5 年前

如果要检查元素是否存在,为什么不使用:

If (!$('#nearby').length)
{
    console.log("nothing here...")
}

console.log(!$('#nearby').length);

if (!$('#nearby').length)
    console.log("#nearby do not exists!");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

另一方面,如果元素存在,并且您希望检查某个方法是否可用于该元素,则可以使用 typeof

if ($('#nearby').length && typeof($('#nearby').html) !== "function")
    console.log("html() is undefined!");
    
if ($('#nearby').length && !typeof($('#nearby').foo) !== "function")
    console.log("foo() is undefined!");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="nearby"></div>

所以,总而言之,如果您想检查元素是否不存在,或者某个方法不可用,您可以这样做。

if (!$('#nearby').length || typeof($('#nearby').foo) !== "function")
    console.log("Nothing here...")

Srikrushna 5 年前

if (!$('#nearby').html() || $('#nearby').html() == null || 
  $('#nearby').html() == 'undefined') { 
     console.log('nothing here');
   }

对我有用

Melchia 5 年前

您可以使用以下方法检查这两种情况:

if (!!$('#nearby').html()) { 
  console.log('nothing here');
}

因为未定义或空都是假的。

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前