javascript - 新人求助:对于动态创建的div标签,如何实现点击上移操作
PHPz
PHPz 2017-04-10 16:41:43
[JavaScript讨论组]

动态添加p代码如下:

$(document).ready(function() {
    //设置添加column最多为6个
    var columnMax = 6;
    if ($('p.column').size() >= columnMax) {
        $(obj).hide();
    }
    //为img.add图标添加点击事件用于动态创建p
    $("img.add").click(function() {
        addColumn(this, columnMax);
    });
});

//栏目的动态添加及上移
function addColumn(obj, sm) {
    //p_left用于放input,p_right用于放upmove图标
    $('#config_info').prepend(
        '<p class="column">'+
            '<p class="p_left">'+
                '<p class = "p_message">'+
                '标题:'+ '<input class="copt" type="text"  placeholder="新内容" value="">'
                + '</p>'+
            '</p>'+
            '<p class="p_right">'+
                '<img src="img/arrow_up_16px.png" class="upmove" />'+
        '</p></p>');
//        //上移
//        $('#config_info').find("img.upmove").click(function(){
//            
//            var p = $(this).parent().parent('.column');
//          var index = $("#config_info > p").index(p);
//          if(index == 0){
//                 alert("已经在最上面");
//             return;
//          }
//          else{
//              $("#config_info > p").eq(index-1).before($("#config_info > p").eq(index));
//          }
//        });
        
    //栏目最多六个    
    if ($('p.column').size() >= sm) {
        $(obj).hide();
    }
};
}

注释掉上移部分代码是因为放在那里执行的话动态添加n次,点击upmove也会上移n次,想问有没有好的修改方法,或者怎么实现这上移操作。

PHPz
PHPz

学习是最好的投资!

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号