jquery - jquery中的.clone（）方法没有复制值

Question

可能重复：
没有内容的文本框的 Jquery 克隆

我.clone在 jQuery 中使用。当我克隆 ul 时，它也在克隆它的值。我只想复制结构而不是价值。当您在输入字段中键入一些值然后单击克隆时，它也会克隆输入值。

这是我的代码片段：

<div class="str">
    <ul><li><input type="text" /></li></ul>
</div>
<a href="#">clone</a>

$(function() {
    $('a').live('click', function() {
        var cln = $('ul:last').clone();
        $('.str').append(cln);
    });
});

Answer 1

你可以试试下面的代码。顺便说一句，如果你使用最新版本的 jQuery，我建议使用on方法而不是live（这里body你可以使用任何元素的父a元素）。

$("body").on("click", "a", function() {
    $("ul:last").clone().appendTo(".str").find("input[type='text']").val("");
});​

演示：http: //jsfiddle.net/vhq5p/18/

Answer 2

你的意思是：

var cln= $("ul:last").clone().find("input").val("").end();

演示：jsFiddle