在特定的类名中查找父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>

等等

我想.block1-1或.block1-11根据.caption类名。 因为我有很多div，而且我想最小化jquery代码。

请帮忙，谢谢。

Answer 1

尝试使用.parent之类的

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

并且您希望该父母的父母尝试

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

或可以尝试像

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

通过此链接PARENT选择器

编辑

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

Answer 2

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

Answer 3

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

将结果显示为block1-11

Answer 4

尝试这个

$（“。caption”）。parents（）。attr（'class'）;

试试这个parents（）选择器

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

谢谢，

西瓦

Answer 5

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