0
点赞
收藏
分享

微信扫一扫

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

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

现在是这样的

切换div块内容以及切换点击事件_双引号

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

然后写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()");
    }

切换div块内容以及切换点击事件_双引号_03

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

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

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块内容以及切换点击事件_双引号_05

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

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

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

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

举报

相关推荐

0 条评论