특정 클래스 이름에서 상위 div 찾기

Question

나는 많은 다른 div 이름을 가지고 있으며 각 div는 동일한 클래스 이름을 가진 동일한 div를가집니다. 예 :

<div class="block1-1"> 
    <div class="block1-11" style="position:relative;overflow:hidden;background:url(images/thumb2.jpg) no-repeat;background-size:cover;"> 
     <div class="caption"> 
      <div class="caption-text"> <a href="#">COAL MINING</a> 

       <p>PT. Jawon Abadi has several mining development projects in East Kalimantan, South Kalimantan and South Sumatra.</p> 
      </div> 
     </div> 
     <!--<a href="#"><img src="" class="img"/></a>--> 
    </div> 
</div> 
<div class="block1-11"> 
    <div class="block1-11" style="position:relative;overflow:hidden;background:url(images/thumb2.jpg) no-repeat;background-size:cover;"> 
     <div class="caption"> 
      <div class="caption-text"> <a href="#">COAL JETTY</a> 

       <p>Lorem ipsum</p> 
      </div> 
     </div> 
     <!--<a href="#"><img src="" class="img"/></a>--> 
    </div> 
</div> 

등

내가 .caption 클래스 이름에 따라 .block1-1 또는 .block1-11을 얻고 싶은

. 나는 div가 많기 때문에 jquery 코드를 최소화하려고합니다.

도와주세요. 감사합니다.

Answer 1

$('.caption').parent().attr('class'); 

처럼 .parent으로 시도하고 당신이 원하는대로 그 부모의 부모는

$('.caption').parent().parent().attr('class'); //$('.caption').parents().attr('class'); 

으로 시도하거나이를 통해 이동

$('.block1-11 .caption').parent().attr('class'); 

같은 시도 할 수 있습니다 링크 PARENT Selector

편집

$('.block1-11 .caption').parent().fadeIn(); 

Answer 2

$('.caption').parent().attr('class'); 

Answer 3

alert($('.caption').parents().attr('class')); 

block1-11

Answer 4

이

$ (". 캡션을") 시도로 결과를 제공 할 것입니다. 부모에게(). ATTR를 ('클래스 ');

시바에게,() 선택

http://api.jquery.com/parents/

감사이 부모를 시도

Answer 5

var id = $(".caption").closest("block1-11").attr("class");