javascript - 如何在json文件中添加HTML内容

Question

我有一个 json 文件，从中获取 HTML 内容并显示在浏览器上

"content": "Hello World <h1 class=\"page-title\">H1 Heading HTML tag</h1> <p>Para Tag</p>",

这适用于 HTML 内容较小的情况。

我应该如何处理大型 HTML 内容 block ，例如 slider 或 Accordion 。是否可以调用文件而不是内容。

谢谢

Answer 1

尝试使用 html , .load()

html

// e.g., "/path/to/html/"
<div id="first">Hello World 1 <h1 class="page-title">H1 Heading HTML tag</h1> <p>Para Tag</p></div>
<div class="second">Hello World 2 <h1 class="page-title">H1 Heading HTML tag</h1> <p>Para Tag</p></div>
<img src="image-1">
<img src="image-2">

js

$("#container1").load("/path/to/html/ #first");
$("#container2").load("/path/to/html/ .second");
$("#container3").load("/path/to/html/ [src=image-1]");
$("#container4").load("/path/to/html/ img:eq(1)");