zoukankan      html  css  js  c++  java
  • jQuery attr方法-获得修改元素属性值

       <div>
        <span class="is-Attention" data-isAttention="'+item.isAttention+'" data-userid="'+item.userid+'" data-nickname="'+item.nickname+'" >'+(item.isAttention==1? "已关注" : "关注")+'</span>
       </div>
     
        //关注
                $(".is-Attention").click(function(){
                  var that = this
                  var AttentionVariable=$(that).attr("data-isattention")
                  var userid=$(this).attr("data-userid")
                  var nickname=$(this).attr("data-nickname")
                  if(AttentionVariable==0){
                    sendReq("addAttention","post","/shop/userAttention/query",{attentonuserid:userid,attentonusername:nickname},function(res){
                      // console.log(res)
                      if(res.status==1){
                        // $(that).addClass("ele-hidden")
                        // $(that).siblings(".revenue-ranking-followed").removeClass("ele-hidden")
                        $(that).text("已关注")
                        //把属性data-isattention的值修改为1
                        $(that).attr("data-isattention","1")
                        layer.msg("关注成功",{icon:1})
                      }else{
                        layer.msg("关注失败",{icon:2})
                      }
                    })
                  }else{
                    //取消关注
                    sendReq("cancelAttention","post","/shop/userAttention/query",{attentonuserid:userid},function(res){
                      // console.log(res)
                      if(res.status==1){
                        layer.msg("已取消关注",{icon:1})
                        //成功取消关注后 修改对应值
                        $(that).text("关注")
           //把属性data-isattention的值修改为0
                        $(that).attr("data-isattention","0")
                      }else{
                        layer.msg("取消关注失败",{icon:2})
                      }
                    })
                  }
                });
  • 相关阅读:
    javaBean为什么要实现Serializable接口?
    OpenLayers3的WMS空间查询实现多个图层
    (WPS) 网络地理信息处理服务
    window.open跳过浏览器拦截
    linux改权限
    element-ui MessageBox的bug
    element-ui上传文件带token
    MySQL启动出现The server quit without updating PID file错误解决办法
    重装应用商店
    vscode在vue-cli中按照ESlint自动格式化代码
  • 原文地址:https://www.cnblogs.com/chenshaoxiong/p/13410317.html
Copyright © 2011-2022 走看看