jquery循环点击每个按钮上两种文字来回切换

第一种方法:

<html>

<div class="people_state">设为管理员</div>

<div class="people_state">设为管理员</div>

<js>

$(".people_state").each(function() {

      $(".people_state").bind("click");

      $(".people_state").toggle(function() {

      $(this).html("取消管理员");

      },function() {

     $(this).html("设为管理员");

 })

});

第二种方法:

<html>

<div class="people_state"    res="0">设为管理员</div>

<div class="people_state"    res="0">设为管理员</div>

<js>

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

    var  i=$(this).attr("res");

    if(i==0){

           $(this).attr("res","1");

           $(this).html("");

           $(this).html("取消管理员");

    }else{

          $(this).attr("res","0");

          $(this).html("");

          $(this).html("设为管理员");

    }

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,248评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,919评论 0 1
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,485评论 1 10
  • @转自GitHub 介绍js的基本数据类型。Undefined、Null、Boolean、Number、Strin...
    YT_Zou阅读 4,952评论 0 0
  • 自从开始筹备琴行,每天忙于各种事项,没有静下心来看过书,连偶像查理芒格的书看一半也放在床头没动过,现在终于把大部分...
    胡美美阅读 2,206评论 0 0

友情链接更多精彩内容