jQuery在prev中找到相同的td。和下一行

Question

我有一張桌子，我知道如何搜索下一個和前TD，但如何在下一個和前一個TR？

012 
345 <- example, I clicked on 4, it checks 3 and 5, but how to check on 0,1,2 and 6,7,8? 
678 

$(document).ready(function() { 
    $("td").click(function() { 

     var x = $(this).next().css('backgroundColor'); 
     var y = $(this).prev().css('backgroundColor'); 

     if (x == 'rgb(255, 0, 0)' || y == 'rgb(255, 0, 0)') { 
      return; 
     } else { 
      $(this).css('backgroundColor', 'red'); 
     } 
    }); 
}); 

Answer 1

我做了一些研究，並與工作的有效的解決方案上來。感謝所有的幫助：

$(this).parent().next().find('td').eq($(this).index()-1).css('backgroundColor'); 

Answer 2

退房.parent() jQuery的..上td

Answer 3

使用parent()方法去tr，然後你可以使用prev()或next()相應。

$(document).ready(function() { 
    $("td").click(function() { 

     var $tr = $(this).parent();//this will give the tr 
     $tr.prev();//previous tr 
     $tr.next();//next tr 

     //To get the corresponding td's in the next and prev rows 
     var tdIndex = $(this).index(); 

     $tr.prev().find("td:not(:eq(" + tdIndex + "))"); 
     $tr.next().find("td:not(:eq(" + tdIndex + "))"); 

    }); 
}); 

Answer 4

喜歡的東西$(this).closest('tr').next('tr').find('td')將讓你的行中的所有<td>小號包含一個<td>你觸發的事件之後。

Answer 5

$(this).parent('tr').next() 

和

$(this).parent('tr').prev() 

Answer 6

與父母嘗試;）http://api.jquery.com/parent/