在一個點擊處理程序中執行2個功能

Question

如何在同一時間執行2個功能。在下面的onclick的代碼片段，我得到父Div的id，然後使用id執行功能，

<div id="selDe"> 
<input type="radio" class="ger" id="num1" checked><label for="num1"> 
<input type="radio" class="ger" id="num2"><label for="num2"> 
</div> 
<div id="selRe" > 
<input type="radio" class="ger" id="num1" checked><label for="num1"> 
<input type="radio" class="ger" id="num2"><label for="num2"> 

JS：

<script> 
$(".ger").on({ 
    click:function(){ 
     var pid = $(this).parent().attr("id"); //get the name of the div parent 
     $("#"+pid+" .ger").on({ 
//execute the function, but it just works after the next click 
      click: function() { 
       var showV = this.id.slice(3); 
       alert(showV) 
      } 
     }); 
    } 
}); 

Answer 1

試試這個：

$('div[id^=sel]').on('click', '.ger, div[id^=sel] .ger', function() { 
    var pid = $(this).parent().attr("id"); 
    alert(pid); 
    var showV = this.id.slice(3); 
    alert(showV); 
});