分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何使用 jquery 获取 DIV 中的全部内容？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何使用 jquery 获取 DIV 中的全部内容？？

开发过程中遇到如何使用 jquery 获取 DIV 中的全部内容？的问题如何解决？下面主要结合日常开发的经验，给出你关于如何使用 jquery 获取 DIV 中的全部内容？的解决方法建议，希望对你解决如何使用 jquery 获取 DIV 中的全部内容？有所启发或帮助；

我想在我的页面上选择一个 div 并返回其中找到的所有内容。总而言之，我的意思是所有格式的 HTML、文本、HTML 对象和 div 中的任何其他内容。我似乎找不到这样做的方法。

示例：

假设我有：

<div ID="div1">
    This is a sample<br/>
    <img src="sample.jpg"/>
</div>

我在 Jquery 中使用一个简单的选择器来获取 div

$('#div1'). <what??!>

我试过了

.text,.contents,.HTML,.INNERHTML

我希望 .HTML 能够做到这一点，但是......以上都不会让我得到标签，而且我还没有找到另一个我可以尝试的属性。那些让我得到任何东西的人将返回 HTML 元素之外的文本，但没有其他内容。

预期结果是：

This is a sample<br/>
<img src="sample.jpg"/>

我确定这很简单，但为什么我无法将键盘包裹在它周围。

更清楚地说明我真正想要实现的目标：

我有一个启用了可编辑内容的 div。这允许我从剪贴板传递图像数据，这些数据在 div 内添加一个标签，并为 src 添加 base64 数据。我需要捕获添加的元素及其所有属性。

解决方法

$("#div1").html() 可以解决问题，您只需要添加圆括号

您在输出中看到的空间来自 html，删除那里的间距以获得整洁的解决方案

console.log($("#div1").html())

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <script src="script.js" defer></script>
  <script
  src="https://code.jquery.com/jquery-3.6.0.js"
  integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
  crossorigin="anonymous"></script>
  <title>Document</title>
</head>
<body>
  <div id="div1">
    This is a sample<br/>
    <img src="sample.jpg"/>
</div>
</body>
</html>