Iterowanie przez jQuery $ (this) .attr ('class'). Split ("") daje nieparzyste wyniki

Question

Mam stronę, na której próbuję pobrać tablice klas dla partycji div, które mają wspólne klasa. Na przykład:

<div class="common lorem ipsum"></div> 
<div class="common dolor sit"></div> 
<div class="common hello world"></div> 

Chcę sprowadzić Każda klasa common div i uzyskać tablicę To klas. W tej chwili robię to za pomocą tego trochę jQuery:

$('.common').each(function(index) { 
    var classes = $(this).attr('class').split(" "); 
    for(var i in classes) { 
    alert(classes[i]); 
    } 
}); 

Patrząc na pierwszy wynikającej zmiennej classes daje to:

classes: Array (3) 
0: "common" 
1: "lorem" 
2: "ipsum" 
length: 3 
__proto__: Array 

Problemem jest to, że wydaje się być for(var i in classes) Iteracja ponad __proto__ Array i zagłębianie się w to również - czy ktokolwiek kiedykolwiek natknął się na to wcześniej? Używam najnowszej wersji Chrome (6.0.453.1).

Answer 1

for (var i = 0, l = classes.length; i<l; ++i) { 
alert(classes[i]); 
} 

iterację tablicy z regularnie na pętli, nie for...in przeciwnym przypadku wylicza się przez właściwości tablicowych (od jej nieruchomego obiektu i ma inne właściwości dodatkowo do wewnątrz elementów).

Answer 2

@meder odpowiedział na swoje pytanie w porządku, ja tylko chciałem dodać, że jeśli kolejność wyliczenia nie jest ważne, zawsze można skorzystać z tej uproszczonej formy:

for (var i = classes.length; i--;) { 
    alert(classes[i]); 
} 

Jest krótsza, i szybciej.

Answer 3

Aby dodać do innych ważnych odpowiedzi, ponieważ jesteś już przy użyciu jQuery, można skorzystać z jQuery.each:

$.each(classes, function (i, cls) { 
    alert(cls); 
}); 

Answer 4

Widziałem to kiedyś here.

Nie jestem pewien, co (i in this) dwukrotnie sprawdzić przeciwko 0-n chwastów.

var thisp = arguments[1]; 
for (var i = 0, len = this.length; i < len; i++){ 
    if (i in this){ 
    fun.call(thisp, this[i], i, this); // fun(element,index,array) 
    } 
} 

Answer 5

Dodawanie do odpowiedzi Meder za ...

Jest to sposób iteracji nad obiektami bezpiecznie bez denerwują odziedziczonych właściwości obiektu. hasOwnProperty() na ratunek:

for(var i in classes) { 
    if (classes.hasOwnProperty(i)) { 
    var safeValue = classes[i]; 
    } 
}