获取 DOM 问题中上一个表的 ID

Question

当我使用下面的 fn 时，它会像以前一样返回当前表。

我“调整”了切片中的索引以获得我正在寻找的结果。这是一个黑客行为，如果我遗漏了什么，我正在寻找解释/答案。

每个表都嵌套在一个或 2 个 div 中。但是使用选择器，我会假设前一个表是指定选择器的前一个表。

破解： ？ $all.slice(0, $all.index(this)-10).reverse() ： $all.slice($all.index(this) + 2)

原始函数：

$.fn.reverse = function () {
    return this.pushStack(this.get().reverse(), arguments);
};

// create two new functions: prevALL and nextALL.
$.each(['prev', 'next'], function (unusedIndex, name) {
    $.fn[name + 'ALL'] = function (matchExpr) {
        // get all the elements in the body, including the body. 
        var $all = $('body').find('*').andSelf();

        // slice the $all object according to which way we're looking 
        $all = (name == 'prev')
             ? $all.slice(0, $all.index(this)).reverse()
             : $all.slice($all.index(this) + 1)
        ;
        // filter the matches if specified 
        if (matchExpr) $all = $all.filter(matchExpr);
        return $all;
    };
});

元素：这些是循环的，我试图使用向上、向下从一个表导航到下一个表、左右方向键..并且需要能够获取上一个&的ID下一张表

                    "<div id='divOuter" + div.divCode + "' class='BoxOuterDiv' >"
                    + " <div id='div" + div.divCode + "' class='BoxDiv' >"
                    + "         <table class='grid' id='" + div.divCode + "' width='100%'>"
                    + "             <tr>"
                    + "                 <td class='col0' width='125px' nowrap='nowrap'>"
                    + "                     <span id='spn0" + div.divCode + "' class='rgCollapse' onclick='Collapse(this)'>&nbsp&nbsp</span>"
                    + "                     Division: " + div.divCode
                    + "                 </td>"
                    + "                 <td class='col1' width='5%' style='padding-left:15px' nowrap='nowrap'>"
                    + "                     Description: "
                    + "                 </td>"
                    + "                 <td class='col2' width='40%' nowrap='nowrap'>"
                    + "                     <input class='grid' type='text' id='dvDesc" + div.divCode + "' value='" + div.divDesc + "' style='width: 400px' maxlength='60' />"
                    + "                 </td>"
                    + "                 <td class='col3' width='50%' align='right' nowrap='nowrap'>"
                    + "                     <input type='button' id='btnDv" + div.divCode + "' value='Add Business Unit' style='align:right' onclick='AddMfRow(this);' />"
                    + "                 </td>"
                    + "             </tr>"
                    + "         </table>"
                    + " </div>"
                    + "<div id='divWrapper" + div.divCode + "'>"

作者致谢： jQuery 查找与表达式匹配的所有先前元素

另一个问题.. 这在 IE 中会爆炸！知道为什么吗？

$.fn.reverse = function () {
return this.pushStack(this.get().reverse(), arguments);

};

// 创建两个新函数：prevALL 和 nextALL。 $.each(['上一个', '下一个'], 函数 (unusedIndex, 名称) { $.fn[名称 + 'ALL'] = 函数 (matchExpr) { // 获取body中的所有元素，包括body。 var $all = $('body').find('*').andSelf();

    // slice the $all object according to which way we're looking 
    $all = (name == 'prev')
         ? $all.slice(0, $all.index(this)-10).reverse()
         : $all.slice($all.index(this) + 2)
    ;

    // filter the matches if specified 
    if (matchExpr) $all = $all.filter(matchExpr);
    return $all;
};

});

Answer 1

也尝试

$("table").parent("#divOuter").prev("#divOuter").find("table"); //up one

$("table").parent("#divOuter").next("#divOuter").find("table"); //down one

一下，如果您正在循环，我会将您的 id 更改为类，因为每页只允许 1 个唯一 id。