indexOf ein jQuery-Objekt gibt immer zurück -1

Question

Ich benutze jQuery und möchte eine Liste von hovered Elemente in einem Array speichern. Der Code, den ich verwende, ist unten (Sie können es in ein leeres HTML-Dokument einfügen, es zu testen):

<div class="element" style="width:100px;height:100px;border:1px solid black;"></div> 
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
<script> 
var hovered = []; 
$(document).ready(function(){ 
    $(".element").hover(function(){ 
     hovered.push($(this)); 
     console.log(hovered.indexOf($(this))); 
    }); 
}); 
</script> 

Immer, wenn ich über die div schweben, -1 immer an der Konsole angemeldet wird. Warum ist dies und was ist eine mögliche Problemumgehung?

Answer 1

ändern es zu

hovered.push(this) 

und

hovered.indexOf(this) 

Answer 2

Sie sind zwei verschiedene jQuery Erstellen von Objekten, die man Sie drücken, und diejenige, die Sie Pass zu indexOf (..)

Ändern Sie Ihren Code wie folgt:

$(document).ready(function(){ 
    $(".element").hover(function() { 
     var $this = $(this); 

     hovered.push($this); 

     console.log(hovered.indexOf($this)); 
    }); 
});