1

我有以下对象：

var r = {
    obj: $(this),
    children: $(this).children(),
    panes: $('.rotatorPane', $(this)),
    tagNames : [],
    captions: [],
    subcaptions: []     
};

$(this)指以下div：

<div class="myRotator">
    <div class="rotatorPane">

    </div>
    <div class="rotatorPane" id="pane3">

    </div>

    <img src="img/1.jpg" alt="pane 1" class="rotatorPane" data-caption="Lorem Ipsum" data-subcaption="Dolor sit amet" />

</div>

我遇到的问题是以下 for...in 循环：

for(pane in r.panes){
    console.log(pane);
}

输出按预期开始：

0
1
2

但是后来我得到了一堆方法名称作为输出：

length
prevObject
context
selector
constructor
init
jquery
size
toArray
get
...etc

有谁知道为什么会这样？

4

2 回答 2

8

不要for ... in在数组或类似数组的东西上使用。使用数字索引变量。

for (var i = 0; i < r.panes.length; ++i) {
  var pane = r.panes[i];
  // ...
}

该for ... in表单用于迭代对象的所有属性。 当您想要遍历数组的索引属性（或者，再次，您将其视为数组）时，请始终使用数字索引。

在这种情况下，所讨论的类数组对象是一个 jQuery 对象，除了数字索引的属性之外，它还具有各种属性。

于 2012-04-04T19:08:04.803 回答
1

you should use the jQuery for each loop i think, as you probably cant use hasOwnProperty due to jquery adding its own methods and stuff to the object

于 2012-04-04T19:09:37.453 回答