如何给js中生成的div,添加上input内的内容?
 <div class="timeline"></div>
    <!-- <div class="showmsg"></div> -->
    <div class="case">
        <div>aa:<input type="text" name="" id="caseName"></div>
        <div>bb:<input type="text" name="" id="caseTime"></div>
        <div>cc:<input type="text" name="" id="caseTales"></div>
        <input type="submit" name="" value="确认" id="caseSubmit">
        <input type="submit" name="" value="取消" id="caseCancel">
    </div>


    js:$("#caseSubmit").click(function(){
        var newdiv = "";
        newdiv = '<div class="showdiv">'+
                    '<div id="getCaseName"></div>'+
                    '<div id="getCaseTime">3</div>'+
                    '<div id="getCaseTalse">2</div>'+
                '</div>';
        $("#getCaseName").appendChild("1")
        $(".timeline").prepend(newdiv);
    })

效果就是说,给这个生成div添加上input中的文本内容,我试过append()方法,appendChild方法,都无法实现。请问如何能够实现?
上面的代码就是我又把生成的div,prepend到一个时间轴上去的

4个回答

  js:$("#caseSubmit").click(function(){
          var ss=$("#caseName");
        var newdiv = "";
        newdiv = '<div class="showdiv">'+
                    '<div id="getCaseName">'+ss+'</div>'+
                    '<div id="getCaseTime">3</div>'+
                    '<div id="getCaseTalse">2</div>'+
                '</div>';
        $("#getCaseName").appendChild("1")
        $(".timeline").prepend(newdiv);
    })
qq_34217435
sillylion 是的!非常感谢!!! 对了,如果有其他同问的朋友,这里好像应该是var ss = $("#caseName").val();
大约 4 年之前 回复

$("#caseSubmit").click(function(){
var newdiv = "";
var ss= $("#caseName");
newdiv = '

'+
'
'+ss+'
'+
'
3
'+
'
2
'+
'
';
$("#getCaseName").appendChild("1")
$(".timeline").prepend(newdiv);
})
你试试,你是想要这种效果吗

1.给生成的div添加内容,可以直接把内容写在拼接的那个语句里面
2.对生成的div使用on事件:因为用js拼接的html语句,并未绑定到dom树上去。 所以一些针对dom节点的操作找不到绑定的对象,无法使用。
绑定动态生成的需要使用到on方法。
这是我个人的想法,同样前端菜鸟一枚,仅供参考..


 var arr=$("input");
for(var i=0;i<arr.length;i++){
 $(你要添加的位置).append("<div>"+arr[i].value+"</div>");
}
立即提问