javascript - 如何区分生成的元素和选定的元素？

Question

是否可以在 jQuery API 或 DOM 中检查页面上是否存在某个元素？

考虑这两个变量:

var selected = $('span#mySpan');
var created = $('<span id="mySpan">Testing</span>');

两者都会返回一个包含 span 元素的 jQuery 对象。有没有办法判断第一个存在于页面上，而第二个不存在？

Answer 1

尝试

$(created).parents("html").length

以下还有一些方法可以实现相同的目的:

$(document).find(created).length
$(created).parents(document).length

或者使用contains为此任务构建的方法。它只接受 DOM 节点，因此我们需要将它从 jQuery 对象中解开

$.contains(document, created.get(0))

纯 DOM 方式是使用 Node.compareDocumentPosition方法。在上面的例子中，

// get the DOM node
var createdNode = created.get(0);
var position = document.compareDocumentPosition(createdNode);
var isNotInDocument = (position & Node.DOCUMENT_POSITION_DISCONNECTED) != 0;