查找特定班级名称中的父级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

回答

相关问题