📜  jQuery |内容()与示例(1)

📅  最后修改于: 2023-12-03 15:32:12.620000             🧑  作者: Mango

jQuery | 内容() 与示例

简介

.contents() 是 jQuery 中用于获取指定元素的所有子元素、文本节点、注释等内容的方法。

语法
$(selector).contents()
示例
示例1: 获取元素的所有内容

以下示例将获取 #content 元素的所有内容,并以红色文本输出。

let contents = $("#content").contents();
$(contents).each(function() {
  console.log($(this).text());
  $(this).css("color", "red");
});
示例2: 获取 iframe 内容

以下示例将获取 #myframe 元素内 iframe 的页面内容,并以红色文本输出。

let contents = $("#myframe").contents().find("body");
$(contents).each(function() {
  console.log($(this).text());
  $(this).css("color", "red");
});
参考文献