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

Question

我想 select 在我的页面上 div 和 return 在其中找到的所有内容。总之，我指的是所有格式的 HTML、文本、html 对象以及 div 中的任何其他内容。我似乎找不到执行此操作的方法。

示例：

假设我有：

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

我使用简单的 selector in JQuery 得到 div

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

我试过了

.text, .contents, .html, .innerHTML

我希望 .html 能做到这一点，但是...上面的 None 会让我得到里面的标签，我还没有找到另一个属性我可以尝试。那些让我得到任何东西的将 return html 元素之外的文本，但没有别的。

预期结果是：

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

我确定这很简单，但我无法理解为什么我不能将键盘包裹起来。

更清楚地说明我实际想要完成的事情：

我有一个 div 打开了可编辑内容。这允许我从剪贴板中过去的图像数据，在 div 中添加一个标签，其中 base64 数据用于 src。我需要捕获添加的元素及其所有属性。

Answer 1

$("#div1").html() 就可以了，你只需要添加圆括号

您在输出中看到的 space 来自 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>

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

How can I get the entire contents inside of a DIV with jquery?

html

jquery

jquery-selectors