切换div块内容以及切换点击事件

今天想不用写好几个div块然后切换点击事件一直修改div中的内容于是写除了这个切换功能，以此记录遇到的问题也为大家解决一个难题。

现在是这样的

然后写js

function ChangeSale() {
        $("#img_one").attr("src", "此处写图片地址");
        $('.hkeep_name').html("人名");
        $('.pf_one').html(" 评分 : 5.0 | ");
        $('.fuwu_one').html(" 服务 : 502 | ");
        $('.daikan_one').html(" 带看 : 65");
        $('.hkeep_btn_new').removeAttr("onclick");
        $('.hkeep_btn_new').attr("onclick", "ChangeSale_one()");
    }

现在是切换完的，还可以继续修改，再次写点击事件

function ChangeSale_one() {
        $("#img_one").attr("src", "图片地址");
        $('.hkeep_name').html("人名");
        $('.pf_one').html(" 评分 : 5.0 | ");
        $('.fuwu_one').html(" 服务 : 492 | ");
        $('.daikan_one').html(" 带看 : 60");
        $('.hkeep_btn_new').removeAttr("onclick");
        $('.hkeep_btn_new').attr("onclick", "ChangeSale_two()");
    }

然后点击到最后一次可以写回去，就可以达到重复

function ChangeSale_six() {
        $("#img_one").attr("src", "图片地址");
        $('.hkeep_name').html("人名");
        $('.pf_one').html(" 评分 : 5.0 | ");
        $('.fuwu_one').html(" 服务 : 489 | ");
        $('.daikan_one').html(" 带看 : 59");
        $('.hkeep_btn_new').removeAttr("onclick");
        $('.hkeep_btn_new').attr("onclick", "ChangeSale()");
    }

我是写了七个点击事件，所有就写到了ChangeSale_six，大家还可以继续写也可以缩小写。

当点击七次后就回到了最初。

这就是我所讲解的切换div内容以及更改点击事件

removeAttr是去除内容，而attr是添加内容，记得添加时onclick时事件需要加双引号。记得添加Jquery包，不然运行不了。