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>");
    }
    
    打赏 评论

相关推荐 更多相似问题