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

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

javascript jquery html

Javascript 如何使用jquery append在多个位置添加html模板？,javascript,jquery,html,Javascript,Jquery,Html,首先，我很抱歉，如果这个问题已经得到了回答，因为我试图找到答案，但我不知道如何表达我的问题。基本上，我想做的是获取一些html模板： <div class="content"> <div class="content-info"> <table> ...... </table> </div> </div> Html视图： <body> <div class="fillme"><

首先，我很抱歉，如果这个问题已经得到了回答，因为我试图找到答案，但我不知道如何表达我的问题。基本上，我想做的是获取一些html模板：

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

Html视图：

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

谢谢你的帮助，如果你需要更多的信息，请告诉我，我会尽力向你解释，谢谢

编辑好的，我想我有一个更好的方法来尝试和做这件事，我需要一些帮助来让它工作。我现在所做的是将模板内容html从之前放置在一个脚本标记中，该标记位于我的js文件之前的索引html文件中，该文件包含来自之前的jquery。我是否可以从script标记中获取html并将其附加到我想要的div中？我应该如何操作？？？

只需执行以下操作：

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

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

应用模板的最简单方法是创建要应用的模板的字符串，然后调用

$（“.fillme”）.append（字符串）
var模板=”；
模板+=''；
模板+=“…”；
模板+=''；
模板+=''；
$（“.fillme”）.append（模板）；

或者，您可以使用$（'.fillme'）.load（url）
将内容加载到容器中。在本例中，url需要是对网站中包含html内容的文件的引用。
只需执行以下操作：
$(".fillme").append($(".content").html());

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

克隆它并通过指定多个选择器将其附加到您想要的多个位置。
不可能使用javascript创建模板html并将其附加到多个位置？我已经这样做了，并认为这是一种方法。但对我来说，它似乎不起作用，或者我做错了。我在另一个名为ContentTemplates.cshtml的文件中有该模板，在包含javascript文件之前，我执行以下操作：。有什么想法吗？？？你确保在加载窗口后运行它吗？是的，尝试console.log（$（“.content”）.length）来检查代码运行时是否确实有内容，然后你必须在加载主页后加载模板，所以当代码运行时模板还没有加载yetHow我会加载模板。我把模板放在Views/Shard文件夹下的一个文件中，在顶部的Index.cshtml中，我这样做：，有什么问题吗？我同意这是最简单的方法，但对我来说，它似乎更难维护和保持干净。因为我计划在我的站点上放置几个div来保存不同的内容。@Josh我添加了另一个解决方案，将模板保存在一个单独的文件中，然后使用$.load（）
填充内容。我尝试了这个方法，但没有成功。如果我使用asp.net mvc为您创建的默认文件夹结构，并且我将模板文件放在视图/共享文件夹中，我将通过以下路径访问该文件：“~/views/shared/TemplateFile.cshtml”正确？？是的，如果您想从根目录开始，它将是“~/path/to/file”。您是否在控制台中收到任何错误，或任何表明可能存在问题的信息？它显示403禁止。这是因为它试图加载正确的html页面。因为我不希望模板是一个实际的页面，而是一个包含多个div的文件，这些div是我希望在我的站点上的不同位置显示的内容的模板。