그룹 호버 (호버)

Question

이 테이블에 tr을 그룹화 할 수있는 방법이 있습니다. 마우스를 가져 가면 호버 기능이 작동하지 않는다고 말할 수 있습니까?

개별적으로 수행 할 수 있지만 5 개의 행을 하나의 그룹으로 사용하고 싶습니다. 그래서 그 5 개의 행에서 마우스를 가져 가면 영향을 받게됩니다. 당신이 밖으로 공중 선회하면 사라집니다.

저는 현재이 행을 개별 행에 사용하고 있습니다.

$('#second_step tr').hover(function(){ 
    $(this).css('background','#eff0ef'); 
},function(){ 
    $(this).css('background','#fff'); 
}); 

Answer 1

행을 <tbody /> 태그로 그룹화 할 수 있습니다. spec에 따라 테이블은 모든 질문에 대답하지 않는 "0 개 이상의 TBODY 요소"

$('#second_step tbody').hover(function() { 
    $(this).children().css('background','#eff0ef'); 
},function(){ 
    $(this).children().css('background','#fff'); 
}); 

Answer 2

$('#second_step tr.particular').hover(function(){ 
    $(this).css('background','#eff0ef'); 
},function(){ 
    $(this).css('background','#fff'); 
}); 

당신은 당신이 가져가에서 강조하고에 이벤트를 첨부해야 할 것들에 클래스를 할당 할 수 있습니다.

Answer 3

각 행 집합을 <tbody>으로 그룹화 한 다음 호버 효과를 <tbody>에 적용해야합니다.