Question

我在几个嵌套的div中有一个复选框。在OnChange事件中，我想获取父div /容器div pan-box placeholder的类名。

HTML 结构就是这样的

<div class="pan-box placeholder" producttype="I" price="34.99" data-productname="$34.99 Standard 15">
    <div class="pan-box-head col-md-12 no-pad">
        <div class="col-md-7 col-sm-12 no-pad pan-price">
        </div>
        <div class="col-md-5 col-sm-12 no-pad">
                <input type="button" value="View Details" class="viewbtn" onclick="CallOfferRenderAction('SP115','TWCv6')">
                <div class="phone">
                    <input type="checkbox" class="SelectedOffer" id="SP115" onchange="SaveCompairedOffers(this);">
                </div>
        </div>
    </div>
</div>

我尝试了以下代码，但它返回了class-name phone，它是复选框的直接父级。我怎样才能获得第一个div课程？

$(this).parent().prop('className');

Answer 1

closest()仅返回元素的直接父级。

您应该使用$(this).closest('div.pan-box').prop('className');代替：

GET

Answer 2

如果我找到你，你应该这样做：

$(function(){
    "use strict";

    $('.SelectedOffer').on('change', function() {
        console.log($(this).closest('.placeholder').attr('class'));
    });
});

有关详细信息，请参阅jsfiddle

如何获取父div的classname

2 个答案: