在 JQuery 或 JavaScript 中创建一个 div/href/img 嵌套块答案

【问题标题】：Create a div/href/img nest block in JQuery or JavaScript在 JQuery 或 JavaScript 中创建一个 div/href/img 嵌套块
【发布时间】：2014-06-27 20:50:57
【问题描述】：

我正在使用一个按钮，当您单击它时，它会创建一个包含 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 中有和。我应该如何嵌套这些？

谢谢！

【问题讨论】：

标签： javascript jquery html jsplumb

【解决方案1】：

首先，像这样在你的 div 上放一个 id（这样你就不会弄乱其他 div）：

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

然后使用jQuery：

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

这应该就是你所需要的

【讨论】：

感谢您的帮助！