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

Exemplo ： 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'); 
});