jquery - toggleClass 当前目标

Question

我只想更改当前目标中的类减号，但这不起作用..

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: "-";}

例子: http://zam.ba/demo

Answer 1

使用this 找到跨度。事件处理程序中的 this 指的是调用处理程序的元素，在本例中是单击的 btn-produto-detalhes 元素，因此将它与 .find() 一起使用找到其中的 span

$('.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');
});