如何基于另一个已经存在的选择器选择元素

How to select element based on another already-existing selector?

本文关键字：选择器 选择 元素 存在 何基于 另一个      更新时间：2023-09-26

我有以下代码：

<html>
    <head>
        <script src="http://www.google.com/jsapi" type="text/javascript"></script>
        <script type="text/javascript">
        google.load("jquery", 1);
        </script>
        <script type="text/javascript">
            var rt, rt2;
            window.onload = function () {
                rt = $('#rt').contents().get(0);
                rt.designMode = 'On';
            }
        </script>
    </head>
    <body>
        <iframe id="rt" width="500" height="500"></iframe>
    </body>
</html>

RT 当前正在选择整个 iframe 文档。我希望 rt2 选择文档元素内的 body 元素，这就是 rt 正在选择的。我试过了：

rt2 = jQuery(rt, "html");
rt2 = jQuery(rt2, "body");

但它似乎没有奏效。怎么可能？

根据文档，要在其中搜索的上下文应作为第二个参数提供，而不是第一个参数，因此请尝试以下操作： 

rt2 = jQuery("html", rt);

上下文可以是：

用作上下文的 DOM 元素、文档或 jQuery

在内部，上下文是使用 .find() 方法实现的。所以上面的例子只是以下几个简写：

rt2 = jQuery(rt).find("html");

使用 find ：

var myFrame = $('#rt').contents();
var myvar = myFrame.find('body');

尝试：

rt2body = iframeElement.find("body");

进一步阅读 .find： http://api.jquery.com/find/

相关文章：