javascript - Html 将 div 附加到另一个 div 中

标签 javascript jquery html

我对我的 HTML 设计有疑问。我有一个<div> ... </div>部分位于固定位置。我希望重复使用该<div></div> body 内的任意位置标签。

我使用 jQuery 和 JavaScript 尝试了 innerhtml('...') 的方法, after('...') , append('...') 。它有效,但我不想解释这 100 行带引号的行,还有一件事。我希望包括<div></div>不止一次。

示例代码格式。

<html>
<head>
....
</head>

<body>
...
   <div id='includes_div'>       <!-- It hides on form load -->
      ...
      ...     <!-- having 100 of lines -->
   </div>

   <div id='div1'>
       <!-- want to include here -->
      ...
   </div>


   <div id='div2'>
       <!-- want to include here -->
      ...
   </div>
</body>
</html>

可以使用 jQuery 或 JavaScript 实现吗?

最佳答案

这应该有效:

var cont = $('#includes_div').html();
$('#div1').append(cont);
$('#div2').append(cont);

关于javascript - Html 将 div 附加到另一个 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15718996/

相关文章:

javascript - Web SDK child_changed 可以返回 promise 吗?

javascript - 在谷歌地图API中自定义自动完成字段

javascript - 在 div 之外的元素部分的不透明度较低

jquery - 使用 Youtube Google API 和 jQuery

php - 单击链接时转到上一个网页

javascript - Node.js 未定义的属性

javascript - `player.animate( [ {transform: "旋转(10) "` ?

javascript - 返回两个其他数组的(已编辑)匹配项目和(未编辑)非匹配项目的数组

html - 如何配置 CKEditor 以允许将 html block 级标签包装在 anchor 标签中

javascript - 页面加载时滚动侧边栏位置