我只是想在当前目标中更改类减去,但这不起作用..
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
答案 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');
});