镜像值追加

Question

http://jsbin.com/renabuvu/1/edit

我在做什么是I型CSS选择器，改变它的价值和它的值更改它适用于网页的HTML和实​​时应用。 （这部分工作没有问题）

但是我的问题是当我追加已经添加的值。我最近添加/克隆的textarea结束了空白。

我不知道这是为什么，也不知道如何解决这个问题。

如果任何人都可以帮助摆脱这一点，它将不胜感激。

$(document).ready(function() { 
    $(".addvalz").on('click', function() { 
    // Refresh render before add 
    $("#testcode").val($(".inputval").val() +" {"+ ($(".pad").val() === "" ? "" : "\n padding: " + $(".pad").val() + ";") + ($(".bg").val() === "" ? "" : "\n background-color: " + $(".bg").val() + ";") + ($(".boxshadow").val() === "" ? "" : "\n box-shadow: " + $(".boxshadow").val() + ";") +"\n}"); 

    // Adds value 
    $(".val-nester").append($("<div class='holddezvalz'>") 
    .append("<button class='deldizval'>x</button>") 
    .append("<button class='grabdezvalz'>"+ $(".inputval").val() +"</button>").append($("#asC#testcode:first-of-type").clone()).append($(".valz2add .inputval:first-of-type").clone()).append($(".cssvalz .pad:first-of-type").clone()).append($(".cssvalz .bg:first-of-type").clone()).append($(".cssvalz .boxshadow:first-of-type").clone()) 
); 
    $("#apply-test-code").html("<style type='text/css'>"+ $("#testcode").val() +"</style>"); 

    // Grabs selector value 
    $(".grabdezvalz").on('click', function() { 
     $(".valz2add .inputval:first-of-type").val($(this).next().next().val()); 
     $(".cssvalz .pad:first-of-type").val($(this).next().next().next().val()); 
     $(".cssvalz .bg:first-of-type").val($(this).next().next().next().next().val()); 
     $(".cssvalz .boxshadow:first-of-type").val($(this).next().next().next().next().next().val()); 
    }); 
    }); 
}); 

Answer 1

http://jsbin.com/renabuvu/2/edit

因为值被镜像到textarea的，而不是应用，克隆只会给它的设置值没有什么东西被镜像/于它反映申请textarea的。

我不得不将它添加为一个字符串，然后它的工作完美。

$(".val-nester").append($("<div class='holddezvalz'>") 
       .append("<button class='deldizval'>x</button>") 
       .append("<button class='grabdezvalz'>"+ $(".inputval").val() +"</button>") 
       .append("<textarea>"+ $("#asC#testcode:first-of-type").val() +"</textarea>") 
       .append($(".valz2add .inputval:first-of-type").clone()) 
       .append($(".cssvalz .pad:first-of-type").clone()) 
       .append($(".cssvalz .bg:first-of-type").clone()) 
       .append($(".cssvalz .boxshadow:first-of-type").clone()) 
);