javascript - 如何在jquery中查找类(class)特定时间

Question

我的 HTML 具有多次使用的相同类，如下例所示。

<div class="exam" style="display:none"></div>
<div class="exam" style="display:none"></div>
<div class="exam" style="display:none"></div>
<div class="exam" style="display:none"></div>
<div class="exam" style="display:none"></div>
<div class="exam" style="display:none"></div>



function removeTopThreeStyles() {
 $("[style=\"display:none\"].exam").slice(0,2).removeAttr('style');
 $("[style=\"display:none\"].exam").slice(0,2).removeClass('exam');
}

 $(".addnewbox").click(function() {
            removeTopThreeStyles(); 
});

我想要的是在单击时从前两个 div 中删除样式属性，然后再次单击并从接下来的两个 div 中删除。

谢谢

Answer 1

纯 JavaScript(无 jQuery):

function removeTopTwoStyles() {
    let elements = document.querySelectorAll("[style=\"display:none\"].hideyet")
    if(elements.length > 1) {
        elements[0].removeAttribute("style");
        elements[1].removeAttribute("style");
    }
}

jQuery:

function removeTopTwoStyles() {
    $("[style=\"display:none\"].hideyet").slice(0,2).removeAttr('style');
}

之后您只需调用removeTopTwoStyles()方法即可触发它

* 已编辑答案以符合屏幕截图中的 HTML 结构 *