页面后添加内容 点击移动

第一种写法：

<script type="text/javascript">

$(function(){

for(var i=0;i<5;i++){

$("<span>存在"+i+"</span>").appendTo("#existence");

}

for(var m=0;m<5;m++){

$("<span>不存在"+m+"</span>").appendTo("#unExistence");

}

$("#existence span").live("click", function() {

$(this).appendTo("#unExistence");

})

$("#unExistence span").live("click",function(e){

$(this).appendTo("#existence");

})

})

</script>

第二种写法：

for(var i=0;i<5;i++){

$("<span>存在"+i+"</span>").appendTo("#existence").click(function(e){

if($(this).parent().attr("id")=="unExistence"){

$(this).appendTo("#existence");

}else{

$(this).appendTo("#unExistence");

}

e.stopPropagation();

});

}

for(var m=0;m<5;m++){

$("<span>不存在"+m+"</span>").appendTo("#unExistence").click(function(e){

if($(this).parent().attr("id")=="unExistence"){

$(this).appendTo("#existence");

}else{

$(this).appendTo("#unExistence");

}

e.stopPropagation();

});

}