Javascript 当克隆作为对象返回时，包装器嵌套要追加的项

我试图克隆一个现有对象并将其包装成一个

，然后获取该复选框的value属性并将其转换为字符串

不幸的是，我无法理解，首先，当我尝试克隆它时，它会以对象的形式返回；其次，我无法使用

标记正确包装，我尝试附加的所有项都被嵌套到另一个级别

你可以在这里看到我的小提琴：

下面是我正在使用的代码：

$('document').ready(function(){
    var list1 = $('#list1 .wrap-item');
    list1.click(function(){
        var cloneItem = $(this).find('input[type=checkbox]').clone();
            cloneItem = cloneItem + cloneItem.prop('value');
        $("#selected-items").append(cloneItem).wrapInner('<li></li>');
    })
});

$（'document'）.ready（函数（）{
var list1=$（“#list1.wrap item”）；
列表1.单击（函数（）{
var cloneItem=$（this.find（'input[type=checkbox]'））.clone（）；
cloneItem=cloneItem+cloneItem.prop（'value'）；
$（“#选定项”）.append（克隆项）.wrapInner（“
”）；
})
});

试试这个：

<div id="list1">
    <div class="wrap-item">
        <label>
            <input type="checkbox" name="water" value="Water Element">Water</label>
    </div>
    <div class="wrap-item">
        <label>
            <input type="checkbox" name="water" value="Fire Element">Fire</label>
    </div>
    <div class="wrap-item">
        <label>
            <input type="checkbox" name="water" value="Earth Element">Earth</label>
    </div>
</div>
<div id="list2">
    <ul id="selected-items"></ul>
</div>
$('document').ready(function () {
    $('#list1 .wrap-item input').click(function () {
        var copy = $(this).parent().clone(),
            input = $(copy).find('input'),
            text = input[0].nextSibling.nodeValue,
            newText = input.val();
        input[0].nextSibling.nodeValue = newText;
        $('#selected-items').append($(copy).wrap('<li></li>').parent());
    })
});

水
火
土

$（'document'）.ready（函数（）{
$（'#list1.wrap item input'）。单击（函数（）{
var copy=$（this.parent（）.clone（），
输入=$（复制）.find（'input'），
text=输入[0]。nextSibling.nodeValue，
newText=input.val（）；
输入[0]。nextSibling.nodeValue=newText；
$（“#所选项目”）.append（$（copy）.wrap（“
”）.parent（））；
})
});

---

cloneItem=cloneItem+cloneItem.prop（'value'）-什么？你试图用字符串连接一个对象，但不清楚为什么？你的意思是这样的吗？在这一部分，cloneItem=cloneItem+cloneItem.prop（'value'）我试图在它旁边设置一个html文本复选框。我希望输出值类似于，ValueHere@Alek，是的，谢谢！但是我想把复选框包括进去。这将是一个镜像列表。非常感谢。