Javascript 使用jQuery添加HTML代码

我的HTML文档如下所示：

<td class="half-wide" id="converters" >
                <h3>Konwertery</h3>
                        <div class="conv" id="conv0">
                            <label for="Converter__0">Converter #0</label>
                            <label class="smaller" for="Converter">Converter</label>
                            <input id="ExportConverters_0__Converter" name="ExportConverters[0].Converter" type="text" value="forward study to TRANSMEDICOM" />
                            <label class="smaller" for="Modality">Modality</label>
                            <input id="ExportConverters_0__Modality" name="ExportConverters[0].Modality" type="text" value="CR" />
                        </div>
                        <div class="conv" id="conv1">
                            <label for="Converter__1">Converter #1</label>
                            <label class="smaller" for="Converter">Converter</label>
                            <input id="ExportConverters_1__Converter" name="ExportConverters[1].Converter" type="text" value="forward study to TRANSMEDICOM" />
                            <label class="smaller" for="Modality">Modality</label>
                            <input id="ExportConverters_1__Modality" name="ExportConverters[1].Modality" type="text" value="DR" />
                        </div>
                        <div class="conv" id="conv2">
                            <label for="Converter__2">Converter #2</label>
                            <label class="smaller" for="Converter">Converter</label>
                            <input id="ExportConverters_2__Converter" name="ExportConverters[2].Converter" type="text" value="forward study to TRANSMEDICOM" />
                            <label class="smaller" for="Modality">Modality</label>
                            <input id="ExportConverters_2__Modality" name="ExportConverters[2].Modality" type="text" value="DX" />
                        </div>
</td>

康威特里
转换器#0
转换器
模式
转换器#1
转换器
模式
转换器#2
转换器
模式

我需要的是动态添加/删除

元素。我知道我可以用jQuery来做，但找不到简单的解决方案

---

有人有这样做的好主意吗？

最简单的方法是使用

$（'div#conv0'）.html（）

function

有很多方法可以做到这一点，例如，这取决于您希望将内容放置在什么位置以及如何放置

.insertAfter()
.insertBefore()
.append()
.appendTo() 
.html()

对于删除，您可以使用

.remove()

---

访问链接以删除DOM中的元素：

$('#conv0').remove();

要隐藏而不是从DOM中删除，请执行以下操作：

$('#conv0').hide();

要在主div中所有div的末尾添加：

$('#converters').append('<div class="conv" id="conv0">...</div>');

$（“#转换器”）.append（“…”）；

要在两个div之间添加：

 $( "#conv0").after( "<div class="conv" id="conv1">...</div>" );

（“…”）之后的“$”（“#conv0”）； 用于删除

$(".conv").empty();
$(".conv").remove();
$(".conv").detach();

这将导致删除conv0 id的DOM结构。如果此div中有任意数量的嵌套元素，则如果使用empty（），它们也将被删除。 如果要删除元素本身以及其中的所有内容，请使用.remove（）。除了元素本身之外，与元素关联的所有绑定事件和jQuery数据都将被删除。 要在不删除数据和事件的情况下删除元素，请改用.detach（）

加入：

$(".conv").append();
$(".conv").prepend();

.append（）方法将指定内容作为jQuery集合中每个元素的最后一个子元素插入（要将其作为第一个子元素插入，请使用prepend（）。

您可以尝试使用

   function addDiv(i){
    var html = ['<div class="conv" id="conv'+i+'">',
                     '<label for="Converter__'+i+'">Converter #'+i+'</label>',
                        '<label class="smaller" for="Converter">Converter</label>',
                        '<input id="ExportConverters_'+i+'__Converter" name="ExportConverters['+i+'].Converter" type="text" value="forward study to TRANSMEDICOM" />',
                        '<label class="smaller" for="Modality">Modality</label>',
                       ' <input id="ExportConverters_'+i+'__Modality" name="ExportConverters['+i+'].Modality" type="text" value="CR" />',
                    '</div>'].join(" ");
      return html;
     }

    for(i=0; i<3; i++){
        $('#converters').append(addDiv(i));
    }

函数addDiv（i）{
var html=[''，
“转换器”#“+i+”，
“转换器”，
'',
“情态”，
' ',
''）。加入（“”）；
返回html；
}
对于（i=0；i
动态添加/删除元素
，哪个事件？？