2

Есть блоки с классом button, их много. Нужно программно нажимать по ним, желательно на чистом js.

Пробовал так на jquery: $('.button').each(function() {this.click();})

Но пишет в консоли:

Uncaught TypeError: $(...).each is not a function

2 ответа 2

1

Может у вас документ к этому времени ещё не готов? Заверните в 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.

11
  • Мне бы это в консоль вставлять. Вот это пишет,если этот код вставить: Uncaught TypeError: Cannot read property 'ready' of undefined. Ведь jquery работает в консоли браузера?
    – IvanZ
    5 мая 2018 в 12:47
  • @IvanZ а jquery на странице подключен? jquery работает, если подключен. 5 мая 2018 в 12:48
  • @IvanZ прям на этой странице можете вставить в консоль $(document).ready(function() { $.each($('.container'), function(index, value){ alert($(value).html()); }); }); чтоб убедиться. 5 мая 2018 в 12:50
  • Uncaught SyntaxError: Unexpected token }. Значит нету?
    – IvanZ
    5 мая 2018 в 12:51
  • 1
    @IvanZ вы код не полностью скопировали. 5 мая 2018 в 12:55
1
var buttons = document.querySelectorAll('.button');
for (var i = 0; i < buttons.length; i++)
  buttons[i].click();

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.