Question

我正在编写一个JavaScript函数来突出显示单击单元格的行和列。此函数必须考虑先前行中使用rowspan向下突出到所选行的单元格 - 因为这会导致单元格索引与“明显”索引不同。 I.E.表格第二列中的每个单元格都不一定有cellIndex==1。

为了补偿，我编写了以下函数来计算每个受影响的单元格的“偏移量”。

function OffsetCells($tbody) {
// if already indexed, we don't need to re-do it
if (!$tbody.data('isOffset').value) {
    // set offset for all cells to zero
    $tbody.find('td').data('offset', { value: 0 });
    // it's not already indexed, so get the cells that span multiple rows
    // capitalization of 'rowSpan' is important for IE
    var $rowSpanners = $tbody.find('td[rowSpan!=1]');
    $rowSpanners.each(function() {
        var $rowSpanningCell = $(this);
        // we need to select all the cells to the 'apparent' right of this cell, 
        // so we need this cell's apparent position
        // multiplying by one is easier than parseInt() to ensure conversion
        $rowSpanningCell.data('apparentIndex', { value: this.cellIndex * 1 +     $rowSpanningCell.data('offset').value });
        // we also need to know what row this cell is in 
/*???*/     $rowSpanningCell.data('rowIndex', { value: $rowSpanningCell.parent('tr').get(0).rowIndex });
        // down to business:
        $tbody.parent('table')  // get the whole table
        .find('tr')            // get all the rows in the table
        .slice($rowSpanningCell.data('rowIndex').value + 1, $rowSpanningCell.data('rowIndex').value + this.rowSpan) // narrow selection to the applicable rows
        .find('td')             // get the cells in the chosen rows
        .filter(function(index) {  // get the cells to the apparent right of this one.
            return index + $(this).data('offset').value >= $rowSpanningCell.data('apparentIndex').value;
        }).each(function() {
            $(this).data('offset', { value: $(this).data('offset').value + 1 });
        });
    });
    $tbody.data('isOffset', { value: true });
}
}

此代码在IE中运行良好，但在/*???*/行无声地失败。我把它缩小到$rowSpanningCell.parent('tr').get(0).rowIndex部分。我已经尝试了所有我能想到的东西，仍然无法让它返回rowIndex值。当我将代码更改为alert($rowSpanningCell.parent('tr').get(0).nodeName)时，我得到了预期的<TR>，所以我知道我的选择是正确的。该行的每个OTHER属性的每个其他值似乎都返回正常 - 但rowIndex只会使代码冷却。

Answer 1

你可以尝试

$rowSpanningCell.parent('tr').prevAll().length

将为您提供索引

FireFox / JQuery / Dom：不返回'rowIndex

1 个答案: