參數丟失jQuery中

Question

我有代碼，這樣

HTML : 
<table class="display"> 
    <tr> 
    <td style="vertical-align:top;"> 
    <table class="display"> 
     <thead> 
     <tr> 
      <td><label><input type="checkbox" class="menu_3"/> menu 3</label></td> 
     </tr> 
     </thead> 
    </table> 
    <table class="display table-hover"> 
     <tbody> 
      <tr> 
      <td><label><input type="checkbox" class="submenu_3"/> submenu 3</label></td> 
     </tr> 
       <tr> 
      <td><label><input type="checkbox" class="submenu_3"/> submenu 3</label></td> 
     </tr> 
       </tbody> 
    </table> 
    </td> 
</td> 
</tr> 
</table> 
JQUERY 
for(i=1;i<=6;i++){ 
     $(".menu_"+i).change(function(){ 
      $(".submenu_"+i).attr("checked", this.checked); 
     }); 
    } 

我要檢查menu 3 jQuery的，那麼所有submenu 3檢查過， 並不知它不工作，因爲i參數丟失..

我不知道什麼是發生..

幫我傢伙..

Answer 1

應該

for(i=1;i<=6;i++){ 
    (function(it){ 
     $(".menu_"+it).change(function(){ 
      $(".submenu_"+it).prop("checked", this.checked); 
     }); 
    })(i) 
} 

的問題是封閉的可變i的使用情況，也準備好答案this question

Answer 2

您可以使用開始與選擇器選擇所有.menu_*元素，然後slice()獲得數選擇相關.submenu_*元素等無需爲一個循環：

$('[class^="menu_"]').on('change', function(){ 
    $(".submenu_" + this.className.slice(-1)).prop("checked", this.checked); 
}); 

FIDDLE