jquery怎么查找指定html元素是否存在

139 阅读 0 评论 92 点赞

我是靠谱客的博主喜悦狗，最近开发中收集的这篇文章主要介绍jquery怎么查找指定html元素是否存在，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

jquery查找指定html元素是否存在

我们可以通过呢 jQuery 的 length 属性判断 id 是否存在：

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

语法

$(selector).length
登录后复制

示例如下：

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 元素不存在");
}
登录后复制

输出结果如下：