jquery - 在 Jquery 单击时仅更改切换的 Div 颜色

Question

我正在使用自定义 CSS 和 Jquery 自定义 Wordpress 中的变体样式。

我在 DIV 上有一个点击事件，切换已打开，我想更改标题颜色，但仅限切换打开的位置。

这是我的代码

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

if ( $('.tm-collapse-wrap').is(':visible') ) {
    //do something
  $('.btnClass').css('color','black'); 
  $('.cs-price').css('color','black');  
  $('.cs-price').css('border-color','black');  
        $('.mkSize').css('color','#8e8e8e');  
        $('.tm-description').css('color','black');  


}
  else if ( $('.tm-collapse-wrap').is(':hidden') ){
      $('.btnClass').css('color','#005267');  
      $('.cs-price').css('color','#005267');  
      $('.cs-price').css('border-color','#005267');  
      $('.mkSize').css('color','#4683939e');  
      $('.tm-description').css('color','#005267');  


  }
}

问题是它会改变所有部分的颜色。我只想在只有切换打开的地方更改它。

CHECK Website URL

Answer 1

我想你不明白什么.is()方法呢。如果至少一个选定元素具有该属性，则返回 true。使用 $('.tm-collapse-wrap').is() 您可以选择所有 div，无论它们是否可见。

您更改所有 div 具有的类的类属性(如 .btnClass)，那些具有折叠的和具有展开细节的。如果单击一个 div，则会将颜色更改为所有 div。

您只需更改单击的 div 的属性。在 click() 函数中，您可以通过 $(this) 访问当前点击的元素，通过 $(this).children("selector") 访问该元素的子元素。