Javascript 如何向动态添加的div添加数据？

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

var ADDEDIV=0； $document.onsubmit、.postFromAdd、functionevent{ 违约事件； var tmp=ADDEDIV+ADDEDIV； $showPostedData.prepend； //tmp具有我的动态添加div的id， //现在我想向这个div添加一些数据 //我确实喜欢- $tmp.prepend此处的动态数据

； addediv++； };

---

但是$tmp.prepend动态数据在此

；不工作。如何修复它？

从变量中删除id选择器

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

---

您的选择器就是问题所在，因为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++;
});

更新代码

<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>

---

我在这行加了-var tmp=addediv+addediv；您不需要在变量中添加选择器，它应该是var tmp=addediv+addediv；

<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>