jquery获取对角线和垂直相邻单元格的表格

Question

我有一个4X4表格。我想要得到垂直的相邻，并在底部的顶部对角线。当我点击的单元格位于边缘时，我没有问题，因为我可以使用类似这样的东西。

above = $(that).parent().prev().children().first() 
below = $(that).parent().prev().children().last() 
diagonalLeft = $(that).parent().children().last().prev() 
diagonalRight = $(that).parent().children().first().next() 

但是，当我有这些情形之一的，当我不能使用第一个或最后一个，我不知道该怎么办。我无法弄清楚它的逻辑。

Answer 1

你只需要倒数告诉当前你是什么样的列。

var $that = $('td.yourActiveTD') 

    , rowNum = $that.parent().prevAll('tr').length 
    , colNum = $that.prevAll('td').length 

    , above = $that // td 
     .parent()  // tr 
     .parent()  // table or tbody 
     .children('tr') 
     .eq(rowNum - 1) // the row above this one 
     .children('td') 
     .eq(colNum) // in the same column as this 
; 

从这一点，你应该能够得到任何你想要的细胞只是通过改变.eq()线。