Javascript 无法查看jquery克隆输入的更改值

我有以下html代码

     <div class="span4 child_age_box">
           <input class="child_age_input" value="2">
     </div>

下面是jquery，我想在触发事件时克隆并附加该块

var child_value_input= $('.child_age_input');

var add_box = function (){$('.child_ages').on("change",function(){
    $(this).parent().parent().parent().find('.child_age_box').empty();
   for(var i= 0; i< parseInt($(this).val()); i++){
            $(this).parent().parent().parent().find('.child_age_box').append(child_value_input.clone().show().get(0).outerHTML)
}});

var child_value_input=$（'.child_age_input'）；
var add_box=function（）{$（'.child_ages'）。on（“change”，function（）{
$（this.parent（）.parent（）.parent（）.find（'.child\u age\u box'）.empty（）；
对于（var i=0；i

---

当我触发事件时，它似乎正常。框出现了，我可以在其中输入一些值。但是当我要求输入

$（'.child\u age\u input'）

时，我看不到我在文本框中输入的值。我缺少什么吗？

我认为这是导致错误的原因

$（this）.parent（）.parent（）.parent（）.find（'.child\u age\u box'）.empty（）

您正在调用

empty（）

以便从DOM中删除

child\u age\u input

元素

---

另一方面，不要使用

parent（）.parent（）

var fld=$（'.child\u age\u input'）；
固定资产价值（“3”）；
$（document.body）.append（fld.clone（））；
$（'.child\u age\u input'）。每个（函数（）{
log（this.outerHTML，$（this.val（））；
//2x 3
});

当我这样做时，
$（this）.parent（）.parent（）.parent（）.find（'.child\u age\u box'）.append（child\u value\u input.clone（））
当
var fld = $('.child_age_input');
fld.val('3');
$(document.body).append(fld.clone());

$('.child_age_input').each(function(){
   console.log(this.outerHTML, $(this).val()); 
   // 2x <input class="child_age_input" value="2"> 3 
});