Javascript jQuery字符串选择器从文件添加字符串

我有一行代码创建了一个简单的框，如下所示：

var box = $('<button>').addClass('box');

好吧，我得到那些盒子，我甚至可以点击它们

但我真正需要的是生成一些可用的元素

为此，我通常喜欢将组件分开（希望使用正确的术语），因此我制作了一个包含以下内容的文本文件：

<div>
    <div class="tile" id="eventName"> Event name</div><br/>
    <div class="tile" id="eventDate">2017.01.01. </div>
    <div class="tile" id="eventTime">12.00</div><br/> 
    <div class="tile" id="description">Some boring example description about the meaningless </div>
</div>

但是不起作用，我相信JS认为我只需要

字符串

/html/tileInside，这显然没有任何意义

那么，有没有办法从jQuery字符串选择器中的txt文件中添加

字符串

在这里使用ajax

$('<div></div>').load('/html/tileInside');

$（''）.load（'/html/tileInside'）；

---

jquery不可能知道它是一个以某种方式引用某个随机文件的字符串。。。。我的猜测是您想要.load（），但我怀疑这是您真正想要的…仅供参考，您尝试创建的HTML无效。不能将

div

放在

按钮中。有一个
脚本
也不是什么好主意，尤其是那些重复包含相同JS文件的脚本。谢谢你的提醒。因此，在更正html之后，我是否应该尝试将txt的内容读入一个变量并将其放入其中？或者乱搞
innerHTML
？正如前面所说，你不能用这么简单的javascript访问一个随机文件。考虑使用Ajax <代码> $（''）.Load（'/HTML/TILLIN）；<代码>…是的，作为脚本包装的按钮有点不好。@谢谢，它可以工作。您想将其转换为答案吗？如果我使用
.html
而不是
.txt
，它甚至可以工作。很好的提示，再次感谢。
var box = $('/html/tileInside').addClass('box');

$('<div></div>').load('/html/tileInside');