부모 부모의 대상 div

Question

내 단추의 부모 부모의 이미지를 대상으로하려고합니다.

는 시도 :

$(event.target).parents().eq(2).$("img").css("opacity", .3);

$(event.target).parent().parent().parent().$("img").css("opacity", .3);

$(event.target).parent().parent().parent("img").css("opacity", .3);

편집 : 단지도 아래의 코드는 여전히 작동하지 않는, 따라서 수정이 부모의 부모의 실현하지만. 이것은 HTML의 구조는 다음

<div> 
    <img src="http://placehold.it/100x100"/> 
    <div> 
     <div> 
      <button id="btn">Test</button> 
     </div> 
    </div> 
</div> 

이미지를 선택하고 CSS를 변경할 수있는 경우

$("button.page3").click(function(event) { 
$(event.target).parents().eq(1).$("img").css("opacity", .3); //doesnt work 
$(event.target).closest("img").css("opacity", .3); //neither 
} 

Answer 1

:

<div> 
<div> 
<button type="button" class="page3">Read more</button></div> 
</div> 
<img src="img/imgs-slides/3.png" border="0" alt=""> 
</div> 

JS : 여기

는 HTML입니다 이 by

$(event.target).parent().parent().parent().find('img').css('opacity', '.3'); 

또는 @ 조니-Y

DEMO에 의해 코멘트에 지적한 바와 같이 단순히

$(event.target).parents('div').find('img').css('opacity', '.3'); 

: http://jsfiddle.net/pv6081cz/