jQuery - 'if'一个类有CSS然后将类分配给兄弟

Question

我将slideToggle设置为3个部分。我点击时旋转箭头按钮图像。我已将其设置为最初可以看到其中两个部分。我想'自动'在这些部分中分配一个旋转类的按钮，然后按钮在已经可见的div上预先roatetd。我知道我可以通过手动分配类来实现这一点，但有没有办法用jQuery自动完成它？

DEMO JSFIDDLE

目前我有这个设置

$('.button').click(function(){
    $(this).toggleClass('rotate');
    $(this).parent().next().slideToggle();
});

我想知道我是否可以在脚本顶部执行类似的操作（下面的代码不起作用，但它演示了我想要实现的逻辑）

if($('.content').css('display') == "block"){
    $(this).parent().next('.button').toggleClass('rotate');
}

Answer 1

根据你的描述，我建议：

$('.content').filter(function () {
    return $(this).css('display') === 'block';
}).prev('h3').find('img.button').addClass('rotate');

JS Fiddle demo

参考文献：

• addClass()。
• filter()。
• find()。
• prev()。