javascript - 属性值 "title"是否可以获取父元素？

Question

1).我正在尝试获取“选择多个选项”的父类我不确定下面的代码中的错误在哪里，因为有很多类

• Error : Uncaught TypeError: undefined is not a function

> JSFIDDLE DEMO

HTML:

<div class="search_grouped">
   <select size="5" class="attrSelect" multiple="multiple">

        <option value="navid=12100138+4288199998+4288234155+4294957236" name="3m" title="3M (39)">
            3M (39)
        </option>

        <option value="navid=12100138+4288199998+4288234155+4294904280" name="superior abrasives" title="Superior Abrasives (20)">
            Superior Abrasives (20)
        </option>

        <option value="navid=12100138+4288199998+4288234155+4294940736" name="tru-maxx" title="Tru-Maxx (40)">
            Tru-Maxx (40)
        </option>

    </select>
</div>

JS:

$('.attrSelect').change(function(e) {
    var refineOptionTitleP  = $(this).find('option:selected').attr('title').parent('.search_grouped').css('border','10px solid green');

});

或

2).可以通过NODENAME获取父元素

var eventNode = e.target.nodeName;
  $(eventNode).parent(); 

感谢您的帮助。谢谢!

Answer 1

您只能访问 html 元素的父元素，而不能访问属性。试试$(this).parent('.search_grouped')

它将选择所选选项的父级 div。请参阅下面的 fiddle

http://jsfiddle.net/kqd93ott/1/