как найти класс spacefi c время в jquery

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 одним щелчком мыши, а затем снова нажать и удалить из следующих двух дел.

Спасибо

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 из скриншота *

Answer 2

Вы можете попробовать это для удаления первого стиля элемента, например div. Добавьте функцию к кнопке и сможете делать то, что вы хотите

$("div:nth-of-type(1)").removeAttr("style")

Ссылка: https://api.jquery.com/removeAttr/