JQuery 集合数组突然变成 DOM HTMLDivElement

Question

在我的代码中，我有一个函数，它接受 JQuery 集合数组，并通过 for 循环对每个集合应用一些代码。

问题是，一旦我引用一个，它就会以某种方式变成 HTMLDivElement 而不是集合对象。

function vacant_now($timetables, now){
console.log("1:" + $timetables);//still fine
for (var i=0; i < $timetables.length; i++){
    console.log("2:" + $timetables[i]);//problem is here
    var $timetable = $timetables[i];
    console.log("3:" + $timetable);
    $timetable.find(".booking").each(function(){ ...

它的名字是这样的：

vacant_now($page.find(".timetable"), now);

我被难住了。

Answer 1

jQuery 集合数组是 DOM 元素的数组。

这样做：$('#myDiv')[0];
返回与以下内容相同： document.getElementByID('myDiv');

解决方案：
使用 $('.timetable').eq(index);

for (var i=0; i < $timetables.length; i++){
    $timetables.eq(i);

}

干杯

Answer 2

在 jQuery 对象上使用 [i] 返回 dom 元素。如果您希望 jQuery 对象位于特定索引处，请使用 .eq() 函数：

console.log("2:" + $timetables.eq(i));

示例 - http://jsfiddle。净/8FeEf/1/

Answer 3

使用 jQuery，您可以使用 .each 方法，然后必须“jquerify”对象：

function vacant_now($timetables, now) {
    $timetables.each(function() {
        var $timetable = $(this);
    });
}

jquery 集合实际上是 DOM 元素的数组。

您还可以使用 for，语法有点冗长。
在所有情况下，您都必须jquerify 对象。

示例： http://jsfiddle.net/FTcpD/