页面后添加内容点击移动

最新推荐文章于 2023-04-03 18:15:22 发布

wyyfwm

最新推荐文章于 2023-04-03 18:15:22 发布

阅读量407

点赞数

分类专栏： jsp js 文章标签： function

本文链接：https://blog.csdn.net/wyyfwm/article/details/7539713

版权

js 同时被 2 个专栏收录

44 篇文章 0 订阅

订阅专栏

jsp

13 篇文章 0 订阅

订阅专栏

第一种写法：

   $(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();
                   });
               }