Finden Sie den Index eines Elements in einem Array erstellt von toArray in JS/JQuery

Question

Ich habe eine Reihe von Spannen der Klasse = "ändern" und jeder hat eine eindeutige ID. Ich habe eine Reihe von diesen Spannweiten mit:

var changesArray = $('.change').toArray() 

ich den Index der Spanne in der Anordnung in der Lage sein wollen, wenn ich darauf klicken. Ich habe versucht:

$('.change').click(function(){ 
    var thisChange = $(this).attr('id'); 
    var thisChangeIndex = $.inArray(thisChange,changesArray); 
}); 

Aber alles, was ich bekomme, ist -1 für jede .change ich klicke auf.

Ich bin ein bisschen ein Neuling mit dieser Art von Code. Hilfe?

Answer 1

Die toArray Methode sagt

die alle Elemente in der jQuery Satz enthaltenen Retrieve als Array.

Sie suchen nach einer bestimmten id im Array - das wird nie funktionieren.

Wenn Sie den Index des Elements möchten, können Sie .index()

$('.change').click(function(){ 
 
    var thisChangeIndex = $('.change').index(this); 
 
    console.log(thisChangeIndex); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <span class="change">change1</span> 
 
    <span class="change">change2</span> 
 
    <span class="change">change3</span> 
 
    <span class="change">change4</span> 
 
</div> 
 
<div> 
 
    <span class="change">change5</span> 
 
    <span class="change">change6</span> 
 
    <span class="change">change7</span> 
 
    <span class="change">change8</span> 
 
</div>

Answer 2

verwenden Wenn Sie toArray nennen Sie ein Array aller DOM-Knoten erhalten, nicht die jquery Objekte. Sie können auf this statt $(this) suchen:

var changesArray = $('.change').click(function(){ 
    var thisChangeIndex = $.inArray(this,changesArray); 
}).toArray(); 

Answer 3

Sie nur eine einfache Anordnung von der einzigartigen IDs behalten sollte:

var changesArrayIds = $('.change').toArray().map(function(x) { return x.id; }); 

Dann sollte diese Zeile funktionieren: Wenn

var thisChangeIndex = $.inArray(thisChange, changesArrayIds); 

Answer 4

Sie bestehen darauf, .toArray zu verwenden, das funktioniert http://codepen.io/8odoros/pen/JKWxqz

var changesArray = $('.change').toArray(); 
$('.change').click(function(){ 
    var thisChange = $(this).attr('id'); 
    var thisChangeIndex = -1; 
    $.each(changesArray, function(i, val) { 
     if(thisChange==val.id) thisChangeIndex= i; 
    }); 
    console.log(thisChangeIndex); 
});