jquery .index()

Question

jquery index()는 요소 중 하나를 인식하지 못하는 것처럼 보입니다. 항상 "정의되지 않은 'length'of undefined"속성을 읽을 수 없습니다. 여기 내 코드입니다. 문제가있는 숫자는 m number입니다. 숫자가 필요합니다. mnumber를 사용하여 마우스를 추적하고 마우스를 가져다 놓은 상자에 올바른 값 기반을 제공 할 수 있습니다.

$(".module-details-lesson-container").hover(function() { 
    var number = $(".module-details-lesson-container").index(this) - 9; 
    var mnumber = $(".module-container").index(this); 
    jQuery.each(modules[1][number], function (index, value) { 
     $(".module-details-words-learned-body").eq(1).append("<div class='module-details-word'>" + value + '</div>'); 
    }); 
}, function() { 
    $(".module-details-word").remove(); 
}); 

CSS 파일

<div class="module-container"> 
<div class="module-tab envelope-heading white-font"></div> 
<div class="module-body"> 


      <div class="module-details-lesson-container"></div> 
      <div class="module-details-lesson-container"></div> 
     </div> 

     <div class="module-details-words-learned"> 
      <div class="module-details-words-learned-body "> 
       <div class="module-details-word"></div> 
      </div> 
     </div> 

</div> 

Answer 1

나는 어디서나 당신이 키워드 this을 오용 될 수도 같은 문제는 보이는

Answer 2

언급했으며 $(this) 대신 this해야 생각합니다. 당신이 원하는 범위에 적절한 개체에 액세스하려면, 당신은 당신의 대리인 기능 내부 (이) $로 교체해야합니다 내가 클래스 .module의 올바른 인덱스 번호를 얻으려면

$(".module-details-lesson-container").hover(function(){ 
     // Changed this to $(this) below 
     var number = $(".module-details-lesson-container").index($(this))-9; 
     var mnumber = $(".module-container").index($(this)); 

     jQuery.each(modules[1][number], function(index,value){ 
      $(".module-details-words-learned-body").eq(1).append("<div class='module-details-word'>" + value + '</div>'); 
     }); 
    }, 
    function(){$(".module-details-word").remove(); 
});