$（this）.toggleCLassが定義されていない理由

Question

私の悪い英語のために申し訳ありません！ jQueryに問題があり、それを取得できません。 私はli-Elementsの束のClassnamesをトグルしようとしますが、jQuery-Collectionは疑わしいものとして動作しません。

HTML：

<div> 
    <input id="checkPresetPreview" type="checkbox" /> 
    <label for="checkPresetPreview">Vorschau an/aus</label> 
</div> 

<ul class="presetList active" data-presetList="items"> 
    <li class="presetItem" data-preset="fire">Feuerschwert</li> 
    <li class="presetItem" data-preset="potion">Heiltrank</li> 
    <li class="presetItem" data-preset="food">Brot</li> 
</ul> 

JS/jQueryの：

$(function() { 
    var jCheckPresetPreview = $('#checkPresetPreview'), 
     jPresetItems = $('.presetItem'); 



    /* Event-Handling */ 

    jCheckPresetPreview.change(function (e) { 
     var isChecked = e.target.checked; 

     jPresetItems.each(function() { 
      console.log('$(this): ', $(this)); 
      console.log('toggleCLass: ', $(this).toggleCLass); 

      $(this).toggleCLass($(this).data('preset'), isChecked); 
     }); 
    }); 

this右、生のDOM要素のですか？ $(this)はその要素のjQueryバージョンでなければなりません。しかし、$(this).toggleCLassはundefinedです。なぜ！？

私はそれを取得しません。助けてください！

Answer 1

は$(this).toggleClass