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 Selector

修改

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

Answer 2

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

Answer 3

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

将结果显示为block1-11

Answer 4

试试这个

$（ “标题”）父母（）ATTR（ '类'）;

试试这个parents（）选择器

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

谢谢，

希瓦

Answer 5

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

在特定的类名中查找父div

5 个答案: