У меня четыре кнопки меню, но только одно всплывающее окно через jQuery, могу ли я обобщить или мне нужно четыре разных окна?

Question

Я взял HTML / CSS / Js несколько дней назад и создал свой первый собственный сайт. У меня есть этот код, который всплывающее окно:

<div class="popupwindow">
    <div class="popupbody">
        <button class="closebtn">X</button>
        <h3>Title</h3>
        <p>Text</p>
    </div>
</div>

И у меня есть меню с четырьмя кнопками. Кнопки выглядят так:

<ul>
    <li class="menuone"><a href="#">button one</a></li>
    <li class="menutwo"><a href="#">button two</a</li>
    <li class="menuthree"><a href="#">button three</a></li>
    <li class="menufour"><a href="#">button four</a></li>
</ul>

Прямо сейчас мой код jQuery срабатывает только при нажатии кнопки с тегом "menuone".

У меня вопрос, могу ли я как-то использовать тот же код jQuery и обобщить это?

Answer 1

Вы можете использовать селектор jquery для всех кнопок следующим образом:

$('ul li a').on('click', function(){
  // write your code here
})