文章/答案/技术大牛

发布

社区首页 >问答首页 >如何区分生成的元素和选择的元素？

问如何区分生成的元素和选择的元素？
EN

Stack Overflow用户

提问于 2010-07-15 02:50:10

回答 2查看 44关注 0票数 0

在jQuery应用编程接口或DOM中，是否可以检查页面上是否存在元素？

考虑以下两个变量：

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

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

javascript

jquery

dom

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-07-15 02:53:06

试一试

$(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;

票数 2

Stack Overflow用户

发布于 2010-07-15 02:54:22

除了对底层DOM api进行某种扩展之外，我能想到的唯一方法就是获取整个DOM树的副本，然后与之进行比较。

在您的示例中，您的第二个跨度不会没有父级吗？在有效的HTML中，span应该始终有一个父级。就像这样的规则，假设HTML/XHTML有效，可能会有用。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3249411

复制

相似问题

问如何区分生成的元素和选择的元素？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何区分生成的元素和选择的元素？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何区分生成的元素和选择的元素？
EN