div 안에있는 모든 태그 선택

Question

아래 태그 구조가 있습니다. 이것은 페이지에서 9 번 반복됩니다. 나는 9 'itemInfo'div 중 하나를 가리키면 모든 텍스트 색상이 흰색 (링크 포함)으로 변경됩니다. jQuery를 사용하여이 모든 것을 어떻게 선택할 수 있습니까? 내 시도를 아래에서보십시오.

<div class="row itemInfo"> 
    <div class="row"> 
     <div class="twelve columns itemImage"> 
      <img src="http://lorempixel.com/250/185/abstract/"> 
      </div> 
     </div> 
    </div> 

    <div class="row"> 
     <div class="twelve columns itemDetails"> 
      <h3><a href="#">title</a></h3> 
      <p class="quiet">submitted by <a href="#">designer</a></p>     
     </div> 
    </div> 
</div> 

내 시도 :

$(".itemInfo").hover(function() { 
    $(this).find('h3 a').addClass('itemInfoActive'); 
    $(this).find('p').addClass('itemInfoActive'); 
    $(this).find('p a').addClass('itemInfoActive'); 
    return false; 

Answer 1

$(".itemInfo").mouseenter(function() { 
    $('a,p,h3',this).addClass('itemInfoActive'); 
}); 

Answer 2

당신은이에 대한 보편적 인 선택 사용할 수 있습니다

$(".itemInfo").hover(function() {  
    $(this).find('*').addClass('itemInfoActive'); 
}); 

Answer 3

확인이 밖으로 근무 데모http://jsfiddle.net/E8uws/또는 사용 mouseoutmouseover =>http://jsfiddle.net/yUf4Q/

그리고 예리한 당신이 읽을 수 있다면 더 : http://api.jquery.com/category/selectors/

나머지는 :) 코드

$(function() { 
    $(".itemInfo").hover(function() { 
      $(this).parent().find('*').css('color', 'red'); 
    }); 
});​ 

추가 코드 당신의 도움이 필요합니다

$(function() { 
    $(".itemInfo").mouseover(function() { 
     $(this).parent().find('*').css('color', 'red'); 
    }).mouseout(function() { 
     $(this).parent().find('*').css('color', 'black'); 

    }); 
});​