如何将数据添加到动态添加的div？

Question

我正在尝试将数据添加到我动态添加的div中 - 这是我的代码 -

<script type="text/javascript">

var addedDiv=0;
$(document).on("submit",".postFromAdd",function(event){
event.preventDefault();
var tmp = "#addedDiv"+addedDiv;
$("#showPostedData").prepend("<div id="+ tmp +"></div>");
// tmp having the id of my dymanically added div ,
//now I want to add some data to this div
//i did like --
$(tmp).prepend("<p>Dynamic data here</p>");
addedDiv++;
});
</script>

但$(tmp).prepend("<p>Dynamic data here</p>");无效。我该如何解决？

Answer 1

从变量中删除id选择器＃。

var tmp = "addedDiv"+addedDiv;
$('#'+tmp).prepend("<p>Dynamic data here</p>");

Answer 2

你的选择器是问题所在，因为tmp被指定为id而不是前缀#当你将它用作选择器时添加id选择器。

var addedDiv = 0;
$(document).on("submit", ".postFromAdd", function (event) {
    event.preventDefault();
    //no # here
    var tmp = "addedDiv" + addedDiv;
    $("#showPostedData").prepend("<div id=" + tmp + "></div>");
    //add # here
    $('#' + tmp).prepend("<p>Dynamic data here</p>");
    addedDiv++;
});

Answer 3

更新代码

<script type="text/javascript">

var addedDiv=0;
$(document).on("submit",".postFromAdd",function(event){
         event.preventDefault();
         var $div=$('<div/>',{'id':'#addedDiv'+addedDiv});
         $div.prepend("<p>Dynamic data here</p>");
         $("#showPostedData").prepend($div);         
         addedDiv++;
});
</script>

Answer 4

               $('#'+tmp).html('<p>you can ad text or html here</p>');