jquery中的.clone()方法没有复制值

Car*_*los 13 html jquery

可能重复:
没有内容的文本框的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);
    });
});
Run Code Online (Sandbox Code Playgroud)

Vis*_*ioN 26

您可以尝试以下代码.顺便说一下,如果你使用jQuery的最后一个版本我建议使用on方法代替live(这里代替body你可以使用任何a元素的父).

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

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


Sud*_*oti 8

你的意思是:

var cln= $("ul:last").clone().find("input").val("").end();
Run Code Online (Sandbox Code Playgroud)

演示:jsFiddle