javascript - 我有四个菜单按钮，但通过 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
})