Блог

Главная - Вопросы по программированию - Jquery Для Каждого После Нажатия Кнопки

Jquery Для Каждого После Нажатия Кнопки

#jquery #loops #foreach

Вопрос:

Мой сайт генерирует html-код с помощью php, и мне нужно переключить раздел, который будет отображаться после нажатия кнопки. Проблема в том, что этот код после нажатия показывает только один элемент.

 $("body").on('click','.btn',(function(){
document.querySelector(".hide").style.display = "block";

});

Мне нужно, чтобы он повторялся над каждым .скрыть

Ответ №1:

Просто продолжайте использовать jQuery, в частности .show() метод

Отображение совпадающих элементов

 $(document.body).on("click", ".btn", () => {
  $(".hide").show()
})

Ответ №2:

Похоже, в этом больше смысла. Просто удалите класс скрыть?

 $("body").on('click', '.btn', (function() {
      $(".hide").removeClass('hide');
    });

Ответ №3:

 document.querySelectorAll(".hide").forEach( hide => {
  hide.style.display = "block";
})

Комментарии:

1. Привет, Эмре, добро пожаловать в StackOverflow. Можете ли вы немного объяснить, что делает ваш код для решения проблемы в вопросе?

2. он/она хотел перебрать hide элементы каждого класса, и код делает это?

3. Да, это правильно и очевидно для более опытного разработчика. Однако StackOverflow автоматически отправляет короткие ответы «просто код» в очередь рецензирования, где они могут быть удалены чрезмерно усердным рецензентом. Я поставил ваш в очередь и решил добавить короткий комментарий вместо голосования за удаление, так как вы новый участник 🙂

Метки: