jquery - 尝试使用 JQuery 获取元素的父类

Question

所以我已经获得了我想要的元素，但我想在执行我的逻辑之前检查元素父类值以验证它是某个值，但我不太明白。

$(document).ready(function() {
    $('#childElement input').click(function() {
        var option = $(this).parent('span').class;
        alert(option.class);
        if (option == 'left') {
            //some action
        }
});

HTML 是:

<span class="left">
<input type="checkbox" tabindex="401"><label>some verbage</label></span>

我可以触发复选框的检查，但我想获取 span 元素的“class”值(我相信它是输入元素的父元素。然后进行 if 比较以检查 class = =“左”。

有什么想法我做错了吗？

Answer 1

您可以使用.hasClass()进行检查，像这样:

if($(this).parent('span').hasClass('left')) {

或者使用 .class selector和 .length ，像这样:

if($(this).parent('span.left').length) {

要像您尝试的那样获取class，它将是 .attr('class')而不是 .class :)