在我的 DOM 中检测 span 标签答案

【问题标题】：detecting span tag in my DOM在我的 DOM 中检测 span 标签
【发布时间】：2014-09-21 07:33:11
【问题描述】：

我见过很多这样的问题，但没有一个对我有帮助我想看看我的 span 标签何时在 DOM 中可用，我的代码如下所示

   <span id="inviteUpdate">0</span>

    if(jQuery("#inviteUpdate").html()>0){
        alert("Element exists");
    }

我错过了什么吗？

【问题讨论】：

试试jQuery("#inviteUpdate").html().length
if(jQuery('#inviteUpdate').length) { // 你的 span 在 DOM 中 }
@ViktorBahtev 这不行，jQuery 对象总是真实的，即使它们是空的。
stackoverflow.com/questions/3086068/… 找这个？
@hjpotter92 没有用，我也在控制台上得到了这个 Uncaught TypeError: Cannot read property 'length' of undefined

【解决方案1】：

如果要测试某个元素是否存在于 DOM 中，请使用.length：

if ($("#inviteUpdate").length > 0) {
    alert ("Element exists");
}

这是因为 jQuery 集合可以用作数组，返回匹配的原始 DOM 元素。

【讨论】：

【解决方案2】：

您可以使用 getElementById 方法。如果值不为null，则存在。

var span1 = document.getElementById('inviteUpdate');
if(span1 != null)
{
    alert('span exists');
}

效果很好。

【讨论】：

【解决方案3】：

  if(jQuery("#inviteUpdate").length >0){
        alert("Element exists");
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<span id="inviteUpdate">0</span>

检查一下

【讨论】：