我們可以結合兩個HTML選擇器與jQuery

我有兩個這樣的HTML按鈕元素。我們可以結合兩個HTML選擇器與jQuery

<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結合在一起嗎？

來源

2012-10-09 Uttam Dutta

逗號分隔$（'。button-a，.button-b'） – abhijit

試試這個代碼：

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

http://jsfiddle.net/gNths/

來源

2012-10-09 07:20:29

嗨Alessandro Minoccheri，謝謝你的回答。我嘗試了像你之前提到的逗號分隔的類，它不適合我。 –

不客氣，希望你用這段代碼解決了你的問題:) –

我已經添加了一個例子到jsfiddle看到這個，看到那個作品！ http://jsfiddle.net/gNths/ –

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

來源

2012-10-09 07:21:14 Marcus

他們選擇，因此同樣適用的CSS，你只需要使用逗號分隔就像你在CSS做，$('.button-a,.button-b')

來源

2012-10-09 07:21:25 abhijit

是的。這應做到：

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

來源

2012-10-09 07:21:32 iWantSimpleLife

格式關閉，因爲我張貼從我的手機。;-) – iWantSimpleLife

格式代碼完成:) –

<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>

來源

2012-10-09 07:23:03 RNH

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

這個腳本爲我工作。謝謝大家的時間。

來源

2012-10-09 07:31:27

我們可以結合兩個HTML選擇器與jQuery

回答

相關問題