Arka plan rengini ve jQuery kullanarak vurguluda tablo satırına kenarlık ekle

Question

Fare, fare üzerinden geçtiğinde farklı bir arka plan rengiyle bir tablo satırına kenarlık eklemenin bir yolu bilen var mı?

Bununla sıranın arka plan rengini değiştirmek mümkün oldum:

$(document).ready(function() { 
    $(function() { 
     $('.actionRow').hover(function() { 
      $(this).css('background-color', '#FFFF99'); 
     }, 
     function() { 
      $(this).css('background-color', '#FFFFFF'); 
     }); 
    }); 
}); 

Ama sınır renk eklemek veremiyoruz. Kenarlıkların bir tablo satırı etiketine doğrudan uygulanamayacağının farkındayım, ancak birisinin seçilen satırdaki tablo hücrelerini bulabilen ve kenarları oluşturmak için bazı stilleri uygulayabilen jQuery voodoo sihrini bilmesini umuyorum.

Teşekkürler!

Answer 1

$(function() { 
     $('tr').hover(function() { 
      $(this).css('background-color', '#FFFF99'); 
      $(this).contents('td').css({'border': '1px solid red', 'border-left': 'none', 'border-right': 'none'}); 
      $(this).contents('td:first').css('border-left', '1px solid red'); 
      $(this).contents('td:last').css('border-right', '1px solid red'); 
     }, 
     function() { 
      $(this).css('background-color', '#FFFFFF'); 
      $(this).contents('td').css('border', 'none'); 
     }); 
    }); 

Answer 2

Bence de iyi bir başlangıç ​​noktası:

http://www.devcurry.com/2009/02/change-table-border-color-on-hover_27.html

Answer 3

En iyi bahis satırda AddClass ve removeClass olacaktır. Ardından stil :

.actionRow-hovered td { border-color: whatever; } 

Yani aslında yerine td sınır renklerin her manipüle edilecektir. Bir acı, ama onu asarken yeterince iyi çalışıyor.

Answer 4

$('table.tblMenuTabls tr').hover(function(){ 
     $(this).toggleClass('tblOverRow'); 
     },function(){ 
      $(this).toggleClass('tblOverRow')} 
    ).css({cursor: 'hand'}); 

tblMenuTabls tablo sınıf adıdır

ve tblOverRow vurgulu tanımıyla CSS sınıftır.