sillylion
2016-08-24 01:11
采纳率: 71.4%
浏览 2.8k
已采纳

如何给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条回答 默认 最新

  • println小强 2016-08-24 01:22
    已采纳 
      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);
    })
    赞 踩 打赏 评论
  • println小强 2016-08-24 01:21

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

    '+
    '
    '+ss+'
    '+
    '
    3
    '+
    '
    2
    '+
    '
    ';
    $("#getCaseName").appendChild("1")
    $(".timeline").prepend(newdiv);
    })
    你试试，你是想要这种效果吗
    赞 踩 打赏 评论
  • 吃货先森丶 2016-08-24 01:22

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

    赞 踩 打赏 评论
  • 当作看不见 2016-08-24 01:23
    
 var arr=$("input");
for(var i=0;i<arr.length;i++){
 $(你要添加的位置).append("<div>"+arr[i].value+"</div>");
}
    赞 踩 打赏 评论

报告相同问题？

提交

相关推荐 更多相似问题