鏡像值追加

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()) 
);