更改文本颜色只是单击不是全部

Question

我有一个列表，我需要当你点击div“accordionHead”更改时，我只点击了一个，不是全部。

$('.accordionHead').each( function(){
  $(this).bind('click', function(){
      $(this).find('h2 a').css("color", "green");
  });
});

jsfiddle

Answer 1

创建一个css类，然后单击它在锚标记上添加该类，并将其从已具有该类的其他锚标记中删除。

.green
{
    color:green
}

像这样：

$('.accordionHead').on('click', function(){
      $('h2 a.green').removeClass("green");
      $(this).find('h2 a').addClass("green");
  });

更新的FIDDLE：

http://jsfiddle.net/92p3enp3/3/

Answer 2

试一试：

$('.accordionHead').each( function(){
  $(this).bind('click', function(){
      $(this).find('h2 a:gt(1)').css("color", "green");
  });
});

Answer 3

下面将介绍

$('.accordionHead').each( function(){
  $(this).bind('click', function(){
      $('.accordionHead').find('h2 a').removeClass('color');
      $(this).find('h2 a').addClass('color');
  });
});