Question

首先我很抱歉，如果我已经回答，因为我试图找到答案，但我不确定如何说出我的问题。基本上我要做的是采取一些模板html：

<div class="content">
  <div class="content-info">
   <table> ...... </table>
  </div>
</div>

然后使用jquery.append（）将其添加到多个位置。像这样：

Js文件：

$(document).ready(function () {
  $(".fillme").append(...what goes here);
}

Html查看：

<body>
 <div class="fillme"></div>
</body>

感谢您的帮助，如果您需要更多信息，请告诉我们，我会尽力解释我能做的最好的事情！

修改好的，所以我认为我有更好的方法尝试这样做需要一些帮助才能让它发挥作用。我现在正在做的是将之前的模板内容html放在脚本标记中，该脚本标记位于我的js文件之前的索引html文件中，该文件包含之前的jquery。我是否有可能从脚本标签中获取html并将其附加到我想要的div中，我该怎么做呢？

Answer 1

应用模板的最简单方法是创建要应用的模板的字符串，然后调用$(".fillme").append(string);

var template = '<div class="content">';
template += '<div class="content-info">';
template += '<table> ...... </table>';
template += '</div>';
template += '</div>';

$(".fillme").append(template);

或者，您可以使用$('.fillme').load(url);将内容加载到容器中。在这种情况下，url需要是对网站中包含html内容的文件的引用。

Answer 2

只是做：

$(".fillme").append($(".content").html());

Answer 3

只是做：

$(".content").clone().appendTo(".fillme", "sector2" , "selector3" , ...);

通过指定多个选择器来克隆它并附加到您想要的多个位置。

如何使用jquery追加在多个位置添加html模板？

3 个答案: