hi,欢迎访问本站!
当前位置: 首页Web前端正文

jquery如何判断指定的html元素是否存在

墨初 Web前端 436阅读

使用jquery插件来判断一个html元素是否存在,是非常简单的。下面就提供两种方法,一种是通过判断html元素的数量来判断html元素是否存在,一种是判断指定元素内是否有内容来判断元素是否存在。

jquery判断指定HTML元素是否存在

方法1:

js通过获取指定元素的数量来判断元素是否存在。

<div id="m1">73so.com</div>
<div class="m1">73so.com</div>
<script>
if($('#m1').length > 0){
    console.log('存在');
}else{
    console.log('不存在');
}
// 存在
if($('#m2').length > 0){
    console.log('存在');
}else{
    console.log('不存在');
}
// 不存在
if($('.m1').length > 0){
    console.log('存在');
}else{
    console.log('不存在');
}
// 存在
if($('.m2').length > 0){
    console.log('存在');
}else{
    console.log('不存在');
}
// 不存在
</script>

方法2:

js通过判断指定元素内是否有内容,来判断元素是否存在。

<div id="m1">73so.com</div>
<div class="m1"></div>
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<script>
if($('#m1').html() != ''){
    console.log('存在');
}else{
    console.log('不存在');
}
if($('.m1').html() != ''){
    console.log('存在');
}else{
    console.log('不存在');
}
</script>

注意:方法2中的判断不是严格的判断,个人慎用!

标签:
声明:无特别说明,转载请标明本文来源!