用JQuery或JavaScript创建div/href/img嵌套块

我正在使用一个按钮，当你点击它，它创建了一个面板，其中包含4div，多个链接，和多个。我是web编程的新手，但根据我的理解，这必须在Javascript部分，特别是因为这是一个使用jsPlumb和所有jsPlumb元素必须在jsPlumb准备函数内。创建的面板将成为一个节点，可以拖动并连接到我正在工作的其他节点。我也在使用Jinja，我从sqlite数据库传递值到面板，也可以工作。我可以将变量传递给它，但我不确定如何创建 and 标签。我已经在html中做了，但我不知道如何在JavaScript中做。

我正在使用jQuery，我已经找到了几种方法来制作div并创建具有多个div的面板，但没有方法来 and <标签在div中。下面是我做过的两种制作div的方法:>

var connect = $('<div>').addClass('connect');
var newAgent = $('<div class="panel"></div>');
newAgent.append(connect);

和

var addClassContent = $('<div>', {
    "class": "panel_class_content",
     text: classThumbnail + classDescription ,
});
newAgent.append(addClassContent);

总的来说，我正在创建一个面板，面板中有几个div，在一些div中有

首先，像这样在div上添加一个id(这样就不会与其他div混淆了):

<div id="div" ></div> 

$('#div').append('< a href="" >< img src="" >< /a >' + '< img src="" >'