Есть блоки с классом button, их много. Нужно программно нажимать по ним, желательно на чистом js.
Пробовал так на jquery: $('.button').each(function() {this.click();})
Но пишет в консоли:
Uncaught TypeError: $(...).each is not a function
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуМожет у вас документ к этому времени ещё не готов? Заверните в ready
. Как пример:
$(document).ready(function() {
$.each($('.button'), function(index, value){
alert($(value).html());
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="button">
1
</p>
<p class="button">
2
</p>
Без jquery:
// здесь все айтемы
var items = document.getElementsByClassName('button');
for(var i = 0; i < items.length; ++i){
// например, чтоб вывести внутренности блока, выводим innerHTML
console.log(items[i].innerHTML);
}
<p class="button">
1
</p>
<p class="button">
2
</p>
Для кнопок что-то такое:
var btns = document.getElementsByClassName('.button');
for (var i = 0; i < btns.length; i++)
btns[i].click();
P.S. для IE9+ использовать getElementsByClassName
, для IE8+ querySelectorAll
.
$(document).ready(function() { $.each($('.container'), function(index, value){ alert($(value).html()); }); });
чтоб убедиться.
5 мая 2018 в 12:50
var buttons = document.querySelectorAll('.button');
for (var i = 0; i < buttons.length; i++)
buttons[i].click();