Question

到目前为止我所拥有的是：

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
        $("button").click(function(){
            alert($("p").html());
        });
    });
    </script>
</head>
<body>
    <button>Return the content of the p element</button>
            <p>Test Text</p>
</body>
</html>

这样做是显示我的页面内容。但是说我有另一个看起来像这样的html文件：

<html>
<head>
</head>
<body>
    <p>This is text</p>
</body>
</html>

我如何查看该页面的HTML？

Answer 1

您可以为<p>元素提供ID：

<p id="myP"></p>
<script>
$(document).ready(function() {
  $("button").click(function(){
      alert($("#myP").html());
    });
});
</script>

Answer 2

如果警报部分仅用于测试，而您尝试做的是从第2页抓取元素并在第1页上显示其内容，则可以使用$.load()。

如果您在第1页上有：

<p id="page1paragraph"></p>
<script>
    $(document).ready(function() {
        $('#page1paragraph').load('page2url.htm #page2paragraph');
    });
</script>

然后第2页包含：

<p id="page2paragraph">Text</p>

它将调用ajax来获取页面内容，如果在URL之后指定一个元素，它将只获取该元素的内容。此代码会将第2页上的段落标记的内容放入第1页的段落标记中。

jQuery文档中有很多示例：http://api.jquery.com/load/

查看外部页面的HTML

2 个答案: