查找特定班級名稱中的父級div

我有許多不同的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，我想minimiza jquery代碼。

請幫忙，謝謝。

來源

2013-05-17 Fandy Akhmad

和你做什麼，當選擇'父div'，因爲你可以通過多種方式來進行，但它取決於讓我知道的條件 –

@TheMechanic我想添加效果fadeIn（）和fadeOut（）到'.caption'的父項。因爲它不是有效的，如果我爲每個父div一個接一個地編碼。 –

你可以使用'.parents（）'或'.parentsUntil（）'它可以檢查出這個鏈接http://api.jquery.com/?s=parents –

與.parent嘗試像

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

和你想要的父母的父母嘗試

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

，或者可以嘗試像

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

通過這個去鏈接PARENT Selector

編輯

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

來源

2013-05-17 04:27:32 Gautam3164

@Fandy Akhmad是否爲你工作..？？ – Gautam3164

你好，我剛剛在線。我只是嘗試，並返回父div。但我嘗試添加我的代碼，它不起作用。我的代碼，是添加fadeIn（）fadeOut（）效果，父母有'.caption'類感謝之前，我們的答案:) –

然後嘗試像我的編輯，現在 – Gautam3164

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

來源

2013-05-17 04:31:32

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

會給結果爲block1-11

來源

2013-05-17 04:31:41 vinothini

試試這個

$（「說明」）。家長（）。ATTR（「類「）;

試試這個家長（）選擇

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

感謝，

溼婆

來源

2013-05-17 04:33:16 SivaRajini

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

來源

2013-05-17 04:50:03 user2302288

查找特定班級名稱中的父級div

回答

相關問題