javascript - 在 JQuery 或 JavaScript 中创建 div/href/img 嵌套 block

Question

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

我正在使用 jQuery，我找到了几种制作 div 并创建具有多个 div 的面板的方法，但没有找到在 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 内有 和 。我应该如何嵌套这些？

谢谢!

Answer 1

首先，在你的 div 上添加一个 id(这样你就不会弄乱其他 div):

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

然后使用 jQuery:

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

这应该就是你所需要的