如何获取父div的classname

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,它是checkbox的直接父代.我怎样才能获得第一个div课程？

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

Answer 1

.parent() 仅返回元素的直接父级.

你应该这样使用closest():

$(this).closest('div.pan-box').prop('className');