Javascript 在<；中输出附加的HTML表单元素和VAL；ul>&书信电报；李</李></ul>；

我目前正在使用jQuery

.clone（）

获取当前HTML表单元素值（已由用户插入或切换），然后附加到my

.results

div元素

基本上，用户填写表单->可以单击“添加按钮”->表单值显示在

.results

div中（以及上次添加或克隆的最新行，当单击“删除”按钮时）

我正在尝试输出

和
标记中的每个集合（集合意味着每次，
.add
被命中），这样它将输出得更整洁，我将对输出有更多的控制。我试图在同一个“.appendTo”中添加此内容，但不正确



同样，上述方法是有效的。我只希望输出出现在HTML标记中；所以它更干净，更容易设计。目前它是通过
.appendTo
直接在
中输出的。results
div不带格式。
您应该将appendTo与一些jQuery对象一起使用，比如$（“.results”）。请检查以下内容：

$(document).ready(function() {
    checkRemove()
    $('.add').click(function() {
        $('input[type=text], input[type=checkbox], option:selected').clone().appendTo($('.results'));
        checkRemove();
    });
    $('.remove').click(function() {
        $('input[type=text]:last, input[type=checkbox]:last, option:selected').remove();
        checkRemove();
    });
});

要附加内部ul标签，请使用：

var elem = $("<ul></ul>");

var elem=$（“
”）；

现在,

elem.append（$（“
”）.append(
$（'input[type=text]，input[type=checkbox]，option:selected'）.clone（））；
这是关键所在。
添加一个空的ul标签

$('.result').html("<ul class='mylist'></ul>");

$（'.result'）.html（“
”）；

将li标记附加到该列表中
然后添加你的克隆

$('.mylist').append($('<li>')).append("");
        $('.allinputs input[type=text],.allinputs input[type=checkbox], option:selected').clone().appendTo($('.mylist li:last-child'));;

$（'.mylist'）。追加（$（'
'））。追加（“”）；
$（'.allinputs input[type=text]，.allinputs input[type=checkbox]，选项：selected'）.clone（）.appendTo（$（'.mylist li:last child'））；；

可能您需要根据您的要求进行修改


$（文档）.ready（函数（）{
$（'.result'）.html（“
”；
选中删除（）；
$（'.add'）。单击（函数（）{
$（'.mylist'）.append（$（'
'））.append（“”）；
$（'.allinputs input[type=text]，.allinputs input[type=checkbox]，选项：selected'）.clone（）.appendTo（$（'.mylist li:last child'））；；
选中删除（）；
});
$（'.remove'）。单击（函数（）{
$（'input[type=text]：last，input[type=checkbox]：last，option:selected'）。remove（）；
选中删除（）；
});
});
函数checkRemove（）{
如果（$（'input[type=text]'）。长度==1）{
$（'.remove'）.hide（）；
}否则{
$（'.remove'）.show（）；
}
};

点击
结果

感谢您的关注-但是，我不太明白，您是否介意进一步解释这一点，以及它如何与我的代码配合使用？很抱歉，我不知道您想在ul标签中附加内容。我修改了更改。请检查它是否有帮助，或者可能是我没有得到你想要的。你能不能也添加你的html！我的HTML只是一个HTML网页，包含我正在克隆的3个选项？然后是my.add、.remove和submit按钮（所有功能都正常，我只需要在.results中围绕.add按钮的输出添加
）
$('.result').html("<ul class='mylist'></ul>");

$('.mylist').append($('<li>')).append("");
        $('.allinputs input[type=text],.allinputs input[type=checkbox], option:selected').clone().appendTo($('.mylist li:last-child'));;