我有四个菜单按钮,但是通过jQuery只有一个弹出窗口,我可以概括一下还是需要四个不同的窗口?

时间:2018-09-09 18:21:52

标签: javascript jquery html css html5

几天前,我获得了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代码并将其概括吗?

1 个答案:

答案 0 :(得分:1)

您可以对所有按钮使用jquery选择器,如下所示:

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