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>

我无法用

选择div（带有条形）

 $('#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 for more info & example: JSFiddle：http://jsfiddle.net/nnysu/

Answer 2

我只想使用这个选择器：

$('#foo div p');

Example

如何使用jQuery选择器选择iframe中包含的内部标记的元素？

2 个答案: