Javascript 如何在附加函数中显示特定内容？

首先，我想声明我在jquery mobile工作

基本上，我有以下代码：

if($("#favourite1").is(":checked")){
    $("#favouritecontent").append("");
}

现在，在append函数中，我想显示以下代码或类似代码：

<ul data-role="listview">
    <li>
        <a href="#">
        <img src="chrome.png">
        <h2>Google Chrome</h2>
        <p>Google Chrome is a free, open-source web browser. Released in 2008.</p>
        </a>
    </li>
</ul>

你知道我该怎么做吗

---

谢谢

是的，它很管用……你只要把它和某个事件联系起来就行了。结账

const html = `
    <ul data-role="listview">
      <li>
        <a href="#">
        <img src="chrome.png">
        <h2>Google Chrome</h2>
        <p>Google Chrome is a free, open-source web browser. Released in 2008.</p>
        </a>
      </li>
    </ul>

if ($("#favourite1").is(":checked")){
   $("#favouritecontent").append(html);
}