使用 jQuery 获取 div 的内容

当需要获取一个网页中 div 元素的内容时，可以使用 jQuery 提供的方法来实现。在本文中，我们将介绍使用 jQuery 获取 div 内容的两种常见方法。

方法一：使用 .html() 方法

可以使用 jQuery 提供的 .html() 方法来获取 div 元素的内容。此方法将返回 div 元素中所有的 HTML 代码，包括标签和文本内容。

var content = $("#myDiv").html();

其中，#myDiv 是要获取内容的 div 元素的 ID。

如果要将获取的内容展示在页面上，可以使用 jQuery 提供的 .text() 方法将 HTML 代码转换为文本内容，并将其添加到页面中。

var content = $("#myDiv").html();
$("#resultDiv").text(content);

其中，#resultDiv 是用于显示结果的 div 元素的 ID。

方法二：使用 .text() 方法

如果只需要获取 div 元素中的文本内容而不包括标签，可以使用 jQuery 提供的 .text() 方法。

var content = $("#myDiv").text();

与方法一相似，#myDiv 是要获取内容的 div 元素的 ID。

同样地，如果要将获取的内容展示在页面上，可以将其添加到一个 div 元素中。

var content = $("#myDiv").text();
$("#resultDiv").text(content);

总结

以上就是使用 jQuery 获取 div 元素内容的两种常见方法。需要注意的是，使用 .html() 方法获取内容时，需要注意转义 HTML 代码中的特殊字符，以避免安全漏洞的发生。