toggleClass当前目标

时间:2014-02-20 23:12:54

标签: jquery css toggleclass

我只是想在当前目标中更改类减去,但这不起作用..

JQUERY:

$('.btn-produto-detalhes').click(function(e) {
  e.preventDefault();
  $(this).prev('div').slideToggle('fast');
  $('.btn-produto-detalhes span').toggleClass('minus');
});

CSS:

#produtos #produto-content a.btn-produto-detalhes, #produtos #produto-content a.btn-produto-detalhes:visited, #produtos #produto-content a.btn-produto-detalhes:hover{display: block; width: 100%; margin-bottom: 15px; height: 20px; position: relative; }
#produtos #produto-content a.btn-produto-detalhes span{width: 20px;height: 20px; right: 0; top: -10px; position: absolute; border-radius: 10px;}
#produtos #produto-content a.btn-produto-detalhes span:before {font-family:'Arial', sans-serif;content: "+";color: #fff;height: 20px;position: absolute;right: 0;top: 1px;width: 20px;vertical-align: middle; text-align: center; font-weight: bold; }
#produtos #produto-content a.btn-produto-detalhes span.minus:before {content: "-";}

Exemplo: http://zam.ba/demo

1 个答案:

答案 0 :(得分:0)

使用this查找范围。事件处理程序中的this引用了在这种情况下调用处理程序的元素单击的btn-produto-detalhes元素,因此将其与.find()一起使用以查找其中的span < / p>

$('.btn-produto-detalhes').click(function(e) {
  e.preventDefault();
  $(this).prev('div').slideToggle('fast');
  //find the span within current btn-produto-detalhes
  $(this).find(span').toggleClass('minus');
});