如何跨内部选择元素 <HTML> 包含在带有jQuery选择器的iframe中的代码？

Question

我有一个奇怪的页面，在另一个HTML标记内有一个HTML标记，（我知道...但是这超出了我的控制范围），我尝试使用jQuery选择内部元素中的元素，但是没有运气。 好像jQuery不会跨第二HTML标记吗？

例如

<HTML>
    <Body>
        <div id="foo"> 
            <iframe>
                <HTML>
                    <Body>
                        <div>
                        ^^^^ select this div ^^^^
                        </div>
                    </Body>
                </HTML>
            </iframe>
        </div>
    </Body>
</HTML>

我无法选择带有

 $('#foo>iframe>HTML>Body>div')

任何输入将不胜感激！

谢谢

Answer 1

好的，问题已更新，所以我之前的答案无效。

首先-整理您的HTML标记，该标记无效。 这是HTML的正确结构：

<body>
<div id="foo">
        <div>
        <p> bar </p>
        </div>
</div>
</body>

选择内部带有“ bar”的div的jquery是：

$('#foo > div > p ').html();  // Returns "bar"

检查此JSFiddle以获取更多信息和示例：JSFiddle ： http : //jsfiddle.net/nnysu/

Answer 2

我只会使用这个选择器：

$('#foo div p');

例

如何跨内部选择元素 <HTML> 包含在带有jQuery选择器的iframe中的代码？

问题描述

2 个解决方案

解决方案1
0 2011-12-09 19:53:12

解决方案2
0 2011-12-09 19:54:32

如何跨内部选择元素 <HTML> 包含在带有jQuery选择器的iframe中的代码？

问题描述

2 个解决方案

解决方案1 0 2011-12-09 19:53:12

解决方案2 0 2011-12-09 19:54:32

解决方案1
0 2011-12-09 19:53:12

解决方案2
0 2011-12-09 19:54:32