如何从标签获取类名

Posted 2021-04-12

我想在每次按下按钮时更改<a>颜色和<span>文本。我需要在data == '0'

中添加一些内容

<div class="submitset uncheck">
  <a class="btncolor--blue bt_register" href="<?php echo '/advertiser/campaign/' ?>">
    <span class="stop_offer">Start</span>
  </a>
</div>

jQuery(document).ready(function($) {
  //案件を登録する
  jQuery('.bt_register').click(function() {
    var link = jQuery(this);
    var params = link.attr('href').split('/');

    jQuery.get(link.attr('href'), function(data) {
      console.log($('#sidebar div:eq(14)').attr('class'));
      if (data == '0') {
        link.find('span').text('Start');
        link.attr('class', 'btncolor--red bt_register');
      } else {
        link.find('span').text('Stop');
        link.attr('class', 'btncolor--blue bt_register');
      }
    });
    return false;
  });
});

答案

如果您还没有找到解决方案，请显示许多可能的解决方案之一：

jQuery(document).ready(function($) {
	let data = 1;
  jQuery('.bt_register').click(function() {
    let link = jQuery(this);
		
      if (data % 2 == 0) {
        link.find('span').text('Start');
        link.removeClass("btncolor--blue")
        link.addClass("btncolor--red");
        
      } else {
        link.find('span').text('Stop');
        link.removeClass("btncolor--red")
        link.addClass("btncolor--blue");
      }
      data++;
      return false;
  });
});

.bt_register {
  color: white;
  padding: 20px;
}
.btncolor--blue{
  background-color: blue;
}
.btncolor--red {
  background-color: red;

}

另一答案

您可以尝试以下方法：

jQuery(document).ready(function($) {
  let data = 1;
  jQuery('.bt_register').click(function() {
    let link = jQuery(this);

    if (data % 2 == 0) {
      link.find('span').text('Start');
    }  else {
      link.find('span').text('Stop');
    }
    link.toggleClass("btncolor--red")
    data++;
    return false;
 });
});

以上是关于如何从标签获取类名的主要内容，如果未能解决你的问题，请参考以下文章

微信小程序如何动态增删class类名

如何更改片段中的主要活动变量

如何多次使用同一个片段？

如何从Android片段中的相机获取图像

Angular 6 +从文档中获取具有类名的元素并更改样式

如何从 Firebase 获取数据到 Recyclerview 中的片段？