-1

我到目前为止是这样的：

<!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？

4

2 回答 2

0

你可以给<p>元素一个 ID：

<p id="myP"></p>
<script>
$(document).ready(function() {
  $("button").click(function(){
      alert($("#myP").html());
    });
});
</script>
于 2013-08-13T01:52:22.610 回答
0

如果警报部分仅用于测试，而您想要做的是从第 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/

于 2013-08-13T02:03:09.397 回答