jQuery 在 dom 中找到这个

Question

假设您设置了 var $this = jQuery(this); 如何在 dom 中搜索该元素。 $this.size() 不起作用，因为它没有在 dom 中搜索该元素。我基本上需要检测 $this 是否已从 dom 中删除并停止一个间隔。

请求更新代码：

    jQuery(document).find('div.ctalk').each(function(){
        var delay;
        var $this = this;

        activateLive = function($this) {


            clearInterval(delay);
            delay = setInterval(function(){

                if(jQuery($this).size() != '0') {

                    fn.actJSON('0', $this, 'update=1&');

                }else {
                    alert('kill it');
                    clearInterval(delay);
                }

            }, 10000 ); 

        }


        if(!jQuery(this).data('init')) {

            jQuery(this).data('init', '1'); 
            fn.activateBinds($this);
            activateLive($this);
        }

    });

Answer 1

这可能是我第一次提倡使用 .is()< /a> 任何东西，但这确实使这成为一项非常简单的任务：

if (!$(this).parents().is("body")) {
    // Node has been disconnected
}

如果您想在任何地方检查节点，您可以将 "body" 替换为 "html" 在文档中。

IE 还有一个专有的 sourceIndex属性可以以稍微更好的性能完成这项工作：

if (this.sourceIndex == -1 || !$(this).parents().is("body")) {
    // Node has been disconnected
}

---

额外更新：我知道还有一些其他方法可以实现这一点，它们在我脑海中浮现，但我不太记得了。现代浏览器具有 DOM Level 3 方法 .compareDocumentPosition()，所以如果有人需要的话，你可以在没有 jQuery 的情况下完成整个事情。

if (this.sourceIndex == -1 || document.compareDocumentPosition(this) & 0x01) {
    // Node has been disconnected
}

我想到的另一种方法是IE的 .contains() 方法，也有效。但是，使用它需要首先检查该函数是否已定义，因此更容易坚持使用 sourceIndex。

Answer 2

我基本上需要检测 $this 是否已从 dom 中删除并停止一个间隔。

请参阅下面的更新，您稍后发布的代码略有更改

好的，您在 this 中引用了该元素，并且您想知道它是否已从DOM（可以选择使用 jQuery）。这应该可以做到：

没有 jQuery：

if (!this.id) {
    this.id = "__fluglehorn__" + new Date().getTime(); // See note below
}
if (!document.getElementById(this.id)) {
    // It's not in the DOM tree
}

使用 jQuery：

if (!this.id) {
    this.id = "__fluglehorn__" + new Date().getTime(); // See note below
}
if ($("#" + this.id).length == 0) {
    // It's not in the DOM tree
}

技术上 我可能不会在那里创建唯一的 ID，并且您需要调整标记行（如果需要）以确保页面中没有其他内容使用该前缀。但你明白了：如果元素已经有 ID，就使用它；如果该元素已经有 ID，就使用它；否则分配一个尚未使用的值。然后查一下。

---

更新：您发布的代码稍有改变（您从 $this 中的 jQuery 对象开始，而不是 this 中的原始元素） ：

不使用 jQuery（用于检查）：

var elm = $this[0];
if (!elm.id) {
    elm.id = "__fluglehorn__" + new Date().getTime(); // See note above
}
if (!document.getElementById(elm.id)) {
    // It's not in the DOM tree
}

使用 jQuery：

var elm = $this[0];
if (!elm.id) {
    elm.id = "__fluglehorn__" + new Date().getTime(); // See note above
}
if ($("#" + elm.id).length == 0) {
    // It's not in the DOM tree
}

---

用于检查的示例函数：

// Checks the given element (or the first element in the given jQuery object)
// to see if it's in the DOM tree
function inDomTree(elm) {
    var rv, id, counter;

    rv = false;
    if (elm && elm.jquery) {
        elm = elm[0];
    }
    if (elm) {
        if (!elm.id) {
            counter = 0;
            do {
                id = "__fakeid__" + new Date().getTime() + "_" + ++counter;
            } while (document.getElementById(id));
            elm.id = id;
        }
        rv = !!document.getElementById(elm.id);
        if (id) {
            this.id = "";
        }
    }
    return rv;
}

Answer 3

$this, 是一个对象，因此它也会具有您要搜索的元素的属性。您可以尝试这样的操作： $("#"+$this.attr('id')) 来获取元素回来，否则你也可以使用元素具有的类..！