Jquery 호버링 문제

Question

하나의 클래스로 3 개의 div 요소가 있는데, 그 중 하나를 가리키면 내부 요소의 배경을 빨간색으로 바꿔야한다고 가정 해 봅시다. 그래 나도 알아 ... 난 ',

<div class="content"><div class="yellow_hover"></div></div> 
<div class="content"><div class="yellow_hover"></div></div> 
<div class="content"><div class="yellow_hover"></div></div> 

jQuery를

$('.content').each(function(i, div) { 
div.id="div" + (i+1); 
}); 

<div class="content" id="div1"></div> 
<div class="content" id="div2"></div> 
<div class="content" id="div3"></div> 

지금 나는이 같은 뭔가가 필요 결과 :이 같은 각 요소에 대한 ID를 추가하는 tryed 분실 :

$(div+i).hover(function() { 
    $('.yellow_hover').css('background-color','#FF9900'); 
}); 

Answer 1

이 경우 js가 필요하지 않습니다. 당신은 사업부에 id를 추가하는 코드를 제거 할 필요가 없습니다

.content:hover .yellow_hover { 
    background-color: #FF9900; 
} 

JsFiddle

Answer 2

: 당신의 CSS에 다음과 같은 규칙을 설정합니다. JS에서

$('.content').hover(function() { 
    $(this).find('.yellow_hover').css('background-color','#FF9900'); 
}, function(){ 
    $(this).find('.yellow_hover').css('background-color','#FFFFFF'); 
}); 

DEMO

Answer 3

을 유혹하는 코드 아래에 시도 당신은 그렇게 할 필요가 :

$('body').on('hover','[id^="div"]',function() { 
    $('[id^="div"]').removeAttr("background-color"); 
    $(this).css('background-color','#FF9900'); 
}); 

Answer 4

는 "yellow_box"

JQuery와

같은 요소를 클래스를 부여

$(".yellow_box").hover(
    function() { 
    $(this).addClass("yellow_hover"); 
    }, function() { 
    $(this).removeClass("yellow_hover"); 
} 
); 

우리가 사업부를 가져 가면

, 우리는 자세한 내용 http://api.jquery.com/hover/