jquery怎么判断element是否存在

107 阅读 0 评论 71 点赞

我是靠谱客的博主现代手机，最近开发中收集的这篇文章主要介绍jquery怎么判断element是否存在，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows10系统、jquery3.4.1版本、Dell G3电脑。

jquery怎么判断element是否存在

length 属性包含 jQuery 对象中元素的数目。

语法

$(selector).length
登录后复制

配合“if else”语句进行判断即可。

若返回的元素数目大于零，则指定的元素存在；

示例如下：

html代码如下：

<script src="hjs/jquery.min.js"></script>
<p id="myElement">
</p>
登录后复制

jquery代码如下：

if ($('#myElement').length > 0) { 
// 存在
    document.write("id 为 myElement 元素存在");
} else {
document.write("id 为 myElement 元素不存在");
}
document.write("<br>");
if ($('#xxx').length > 0) { 
// 存在
    document.write("id 为 xxx 元素存在");
} else {
document.write("id 为 xxx 元素不存在");
}
登录后复制

输出结果：