Question

我想遍历inframe的内容，这是一个单独的HTML文档api.php。

例如，我希望INNER MOST段落为c2类。我将如何遍历它？

您可能会想到一种使用任何jQuery方法的方法，该方法可以通过查找该段落的匹配文本找到该元素，但假设您无法访问它。有没有办法遍历它？

此外，我使用了setTimeout，因此首先加载文档然后方法才有效。但我不希望每次都有这种延迟。第一次没问题，但是我希望它像第一次加载的普通文档一样，直到重新加载。

以下是代码：

radio.php

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script>

        $(document).ready(function(){
            setTimeout(function(){
            var elem=$(".c1 iframe").contents().find('html').find('body');

            //ABOVE METHOD REACHES ONLY A SPECIFIC ELEMENT, BUT I WANT IT TO TRAVERSE IT LIKE FOLLOWING WAY:

            $("elem div p").click();

        }, 1000);

    });
    </script>
</head>
<body>
  <div class="c1">
  <iframe src="api.php" height="200" width="300">
  </iframe>
  </div>
</body>
</html>

api.php

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div class="c1"></div>
    <div class="c1">
        <p class="c2"></p>
    </div>
    <div class="c1">
        <p class="c2"></p>
        <p class="c2">
            <p class="c2">INNER MOST</p>
        </p>
    </div>
</body>
</html>

谢谢。

如何遍历使用iframe加载的HTML文档？

0 个答案: