检查iframe体中存在的div

Question

我在这个

中添加了一个div到iframe体内

$('.editable iframe').contents().find('body').append('<div id="newe"></div>')

并且有效。

之后，我通过使用$('#newe').length检查了div是否存在，但是当检查div存在于正文中时，它给出了null值。

editable是div的类名（iframe在div中）。

还尝试了document.getElementById（'newe'）

Answer 1

$('#newe').length

将在当前文档中搜索具有ID的元素。要搜索iframe，您需要使用以下内容：

$('.editable iframe').contents().find('#newe')

您还需要使用双引号，或者转义单引号：

.append('<div id='newe'></div>') // Bad

.append('<div id="newe"></div>') // OK

Simple fiddle