javascript - jQuery - 'if' 一个类具有 CSS，然后将类分配给同级

Question

我将 SlideToggle 设置为 3 个部分。我单击时旋转箭头按钮图像。我已将其设置为最初可以看到其中 2 个部分。我想“自动”为这些部分中的按钮分配一个旋转类，以便该按钮在已经可见的 div 上预先旋转。我知道我可以通过手动分配类来完成此操作，但是有没有办法使用 jQuery 自动完成此操作？

演示 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() .