一个按钮实现插入/删除的功能

Question

用bootstrap table生成一列都为操作的按钮，当我点击这个按钮的时候在当前行的下面一行插入一行内容，再点击这个按钮的时候将插入的这一行删除，试了好久都不能实现。下面是我最后只能实现一次的效果，再点击就没有反应了。

Answer 1

$(".class").click(function(){

    // 获取你要显示隐藏的节点的class是否含有hide

    var classHide = $(".class").hasClass("hide");

    if(classHide){

        $(".class").removeClass("hide");

    }else{

        $(".class").addClass("hide");

    }

})

如果不是隐藏显示 二十动态加载也是一样

只不过是获取的东西不一样 动态加载的话就获取节点是否存在存在则移除，否则添加

动态加载我就用个比较麻烦的写法，自己简化吧

$(".class").click(function(){

        // 获取你要显示隐藏的节点的class是否含有hide

    var classHide = $(".class").hasClass("hide");

    if(classHide){

        // 这里是显示的控制

        // 写ajax请求，拿数据

        $.ajax({

            url: url,

            type: "GET",

            data: data,

            dataType: "json",

            success: function(data){

                // 请求成功将数据放入该放的class中

                $(".class").html(data.data.......)

            },

            error: function(e){

                errorfn(e);

            }

        })

        // 将隐藏的class类移除

        $(".class").removeClass("hide");

    }else{

        $(".class").addClass("hide");

    }

})