如何按班级名称添加点击事件? [英] How to add click event by class name?

问题描述

我有一个示例html菜单:

I have a example html menu:

<div class="mmenu">
    <ul>
        <li>
            <div  class="menu_button" id="m1" >A</div>
        </li>
        <li>
            <div  class="menu_button" id="m2" >B</div>
        </li>
        <li>
            <div  class="menu_button" id="m3" >C</div>
    </ul>
</div>

我可以通过类名称为菜单的每个元素添加单击事件吗?

Can I add click event for each element of menu by class name ?

 $('.menu_button').click(function() {
     if ( id == "m1" ) ....
 })

推荐答案

我建议使用实时功能而不是.click，因为在运行时添加的元素也可以单击.

I would suggest to use the live function, instead of the .click, because the elements added on run-time will also be clickable.

$('.menu_button').live('click', function() {
  var id = $(this).attr('id');
  if (id == "m1") {
      //do your stuff here
  }
});

这篇关于如何按班级名称添加点击事件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！