javascript - 如何使用 jQuery 从 DOM 元素创建 JavaScript 变量

Question

假设我的页面上有以下 DOM 元素:

<div id="name">Sharon</div>

第一季度:使用 jQuery，如何将 #name 的内容转换为 JS 变量，以便我可以在其他中重用它在 DOM 上的位置？

第二季度:使用 jQuery 将 JS 变量渲染到 HTML 中的最佳方法是什么？更进一步，如果我想删除元素的内容然后用变量替换它，最好的方法是什么？

Answer 1

要将“Sharon”保存在变量中，请使用 html() :

var content = $('#name').html();

将其呈现在其他地方(替换之前 HTML 标记中的任何内容):

$('#example').html(content);

或者，发送至append在 #example 标记中的任何内容之后，使用

$('#example').append(content);

另请参阅prepend() .