【问题标题】:Getting td by index with jQuery使用 jQuery 按索引获取 td
【发布时间】:2020-07-26 23:21:30
【问题描述】:

我知道如何使用 jQuery 获取单元格的行和列索引,但我不知道反过来。给定一个行和列索引,我将如何访问该位置的 td?

【问题讨论】:

    标签: javascript jquery html indexing html-table


    【解决方案1】:

    使用纯 JavaScript:

    // table is a reference to your table
    table.rows[rowIndex].cells[columnIndex]
    

    参考:HTMLTableElementHTMLTableRowElement


    使用 jQuery,您可以使用 .eq():

    $('#table tr').eq(rowIndex).find('td').eq(columnIndex)
    // or
    $('#table tr:eq(' + rowIndex + ') td:eq(' + columnIndex + ')')
    

    【讨论】:

    • 怎么样 - 普通的属性访问,而不是一个单一的函数调用。 :-)
    • 这是什么?没有$ 的 JavaScript 答案? +1!
    【解决方案2】:

    使用nth-child 选择器怎么样?

    http://api.jquery.com/nth-child-selector/

    var row = 4;
    var col = 2
    
    var cell = $('table#tableId tr:nth-child(' + row + ') td:nth-child(' + col + ')');
    

    请注意,子索引是从 1 开始的,而不是更常见的从 0 开始的。

    【讨论】:

    • 这是一个完美的、完全神秘的 jQuery 答案。这是我用的那个。一条线,你就可以开始了!
    【解决方案3】:

    您可以使用:eq 选择器:

    var row = 1;
    var col = 2;
    var cell = $('table tr:eq(' + row + ') td:eq(' + col + ')');
    

    这是example of this in action

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-04-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多