从现有div动态创建div

时间:2016-07-16 09:46:00

标签: javascript php

我正在使用这个脚本给我一个来自现有div的id,现在我正在使用GET来使用该id并进入php并创建另一个div,但是会发生什么,就是每当我点击现有的div ,页面得到了刷新。我可以避免吗?

<script type="text/javascript">
$('.lcard').click(function(){
    var cid = $(this).attr('id');


 window.location.href = "?cid="+cid;

}); 

2 个答案:

答案 0 :(得分:0)

基本上,你会做这样的事情。假设你的主div有id ='id'。您的代码将接近于此:

var div = document.getElementById('id')


div.addEventListener('click', function(e) {
   var newDiv = document.createElement('div')

   /* Fetch your data from database here*/
   newDiv.innerHTML = "some cool text"

   div.appendChild(newDiv)

}.bind(this)

答案 1 :(得分:-1)

<div id="orgrinal_div">...DATA...</div>

<script>
$("#orgrinal_div").on("click",function(){
    $(this).append("<div>"+$(this).html()+"</div>");
});
</script>