javascript - jquery数组混淆

Question

我有一个网页，其中包含一堆用 datatable jquery 插件装饰的表格。当页面加载时，它们被隐藏。然后我有一个根据索引切换它们的函数:

function expand_job(i) {
    $(".dataTables_wrapper")[i].show();
}

但是没有用。浏览器提示 show() 不是函数。作为解决方法，我正在做这样的事情:

function expand_job(i) {
    $(".dataTables_wrapper").each( function(idx) {
        if ( i == idx ) {
            $(this).slideToggle(300);
        }
    });
}

这很好用，但它......我就是不能放过它。

那么为什么第一段代码不起作用呢？是因为 [i] 将 jquery 对象带入普通 JS 对象，结果失去了 jquery 功能吗？

谢谢，

Answer 1

使用.eq() :

$(".dataTables_wrapper").eq(i).show();

jQuery 数组在每个索引处包含底层 DOM 元素，因此当您访问它们时，DOM 函数可用但 jQuery 方法不可用。