2013-05-09 76 views
-1

我想問你一些技巧,你會怎麼做。我使用懸停在行上的引導表。但我需要在特定(第一列)中懸停更多具有相同值的行。所以當我懸停其中一個在第一個角落具有相同值的行時,所有具有此值的行都會改變顏色。帶有相同列值的行的引導表懸停

謝謝您的建議。

+0

添加一個類並懸停具有相同類的行。 – jtheman 2013-05-09 21:26:14

+0

Html代碼是動態生成的,它必須基於列值。所以我正在尋找一些解決這部分的jquery代碼示例。 – 2013-05-09 21:39:06

回答

0

這不是一個引導的問題...查看this jsfiddle

$('.item').on('mouseenter', function(){ 
    var value = $(this).text() 

    $('.item').each(function(){ 
     $this = $(this); 
     if(value == $this.text()){ 
      $this.addClass('active'); 
     } 
    }); 
}); 

$('.item').on('mouseleave', function() { 
    $('.item').each(function(){ 
     $(this).removeClass('active'); 
    }); 
}); 

希望這有助於!

+0

我確定這段代碼可以被重構... – cortex 2013-05-09 21:47:51