javascript - 单击附加新容器

Question

我正在尝试学习 HTML 和 Javascript/jQuery。如果我有一个包含标题、图像、描述和数字的容器，那么我想创建一个具有完全相同格式的新容器(除了值会不同)，这通常是如何完成的？

这是我在每个元素中寻找的格式示例。

    <li>
        <div>
            <div>
                Image Name
            </div>
            <div>
                <a href=URL>
                    <img src='image_url'>
                </a>
            </div>
            <div>
                Description
            </div>
            <div>
                num_comment Comments
            </div>
         </div>
    </li>

我是否只创建一个字符串并与图像的实际值连接，然后将该字符串添加到我保存的某个名为 html_content 的变量中，然后将 html 值设置为 html_content？这是执行此操作的常用方法还是有更好的方法？

编辑

为了更好地了解我目前正在做什么，这里是 javascript:

    var html1 = '<li><div><div>';
    var html2 = '</div><div><a href="';
    var html3 = '"><img src="';
    var html4 = '"></a></div><div>';
    var html5 = '</div><div>';
    var html6 = '</div></div></li>';


  function render(pics){
    for (var i in pics){
      html = html + html1 + pics[i].name + html2 + pics[i].image_url + html3 + ...
    };
    $('pics').html(html);
  }

Answer 1

在 jQuery 中，您只需使用 append() 函数来添加内容。

你可以做一些像...

$('select element').append('<li><div>....etc.');

在需要不同值的地方可以使用变量。