Question

我正在使用一个按钮，当你点击它时，它会创建一个包含4个div，多个链接＆lt; href＆gt;，和多个＆lt; img＆gt; s。我是网络编程的新手，但从我的理解，这必须在Javascript部分，特别是因为这是一个使用jsPlumb并且所有jsPlumb元素必须在jsPlumb ready函数内。创建的面板将成为一个可以拖动并连接到其他节点的节点，我正在使用它。我也在使用Jinja，并将值从sqlite数据库传递到也适用的面板。我可以将变量传递给它，但我不知道如何创建＆lt; img＆gt;和＆lt; HREF＆GT;标签。我用html制作了它，但我不知道如何用JavaScript做到这一点。

我正在使用jQuery，我发现了几种制作div的方法，并创建了具有多个div的面板，但却找不到＆lt; img＆gt;和＆lt; href＆gt; 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中有＆lt; a href＆gt;＆lt; img＆gt;＆lt; / img＆gt;＆lt; / a＆gt;和＆lt; img＆gt;＆lt; / img＆gt;。我该怎么做呢？

谢谢！

Answer 1

首先，在你的div上添加一个id就这样（只是这样你就不会弄乱其他div）：

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

然后使用jQuery：

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

这应该是您所需要的一切

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

1 个答案: