Question

我有两个像这样的html按钮元素。

<input type="button" class="button-a" value="Button a"/>  
<input type="button" class="button-b" value="Button b"/>

所以单击任何一个按钮我想触发同一个事件。所以我可以通过编写一些jquery代码来做到这一点，如。

<script>
  $(document).ready(function() {
    //button-a click event
    $('.button-a').click(function(){
      alert("The event triggered");
    });

    //button-b click event
    $('.button-b').click(function(){
      alert("The event triggered");
    });
 });
</script>

那么我们可以将event()和OR条件结合在一起使用jQuery吗？

Answer 1

试试这段代码：

<script>  
$(document).ready(function() { 
    $('.button-a, .button-b').click(function(){
          alert("The event triggered");
    });
});
</script>

http://jsfiddle.net/gNths/

Answer 2

它们是选择器，所以同样适用于css，你只需像逗号一样用逗号分隔，$('.button-a,.button-b')

Answer 3

尝试$('[class^="button-"]').click( function() {...} );

Answer 4

烨。这应该这样做：

<script>  
$(document).ready(function() { 
    $('.button-a, .button-b').click(function() { 
        alert("The event triggered");    
    });
});
</script>

Answer 5

<script>
  $(document).ready(function() {
    //button-a click event
    $('.button-a').click(function(){
      ButtonClick("#button_a");
    });

    //button-b click event
    $('.button-b').click(function(){
      ButtonClick("#button_b");
    });
 });

function ButtonClick(id){
 //do something
}
</script>

Answer 6

<script>  
    $(document).ready(function() { 
        $('.button-a, .button-b').click(function(){
              alert("The event triggered");
        });
    });
</script>

这个脚本对我有用。谢谢大家的时间。

我们可以将两个html选择器与jquery结合使用

6 个答案: