Получение идентификатора родителя DIV

Question

Я хочу получить идентификатор родительского DIV для определенного идентификатора.

Это HTML: -

<div id="sample-name" class="wrapper-dropdown-5" tabindex="2"> 
    <div class="m2">Heading</div> 
     <ul class="dropdown"> 
      <div class="menu-border"> 
        <li class="orange"> 
         <a href="#2" data-jumpslide="2" data-goto="diagnostics"> 
         ... 
        ... 

<a> ссылка, которая щелкнуло, и когда она нажата, мне нужен идентификатор (образец-имя) для родительского DIV.

Это то, что я сделал в функции мыши на <a>: -

$(this).parents('div:eq(0)').attr('id').split(' '); 

, но это дает мне следующую ошибку: -

Uncaught TypeError: Cannot call method 'split' of undefined

Как вы думаете, есть ли другой способ или может быть может, я могу это улучшить?

Спасибо.

Answer 1

Почему бы не использовать класс ()на вашем примере) на родительский div, который вы ищете? Что-то вроде этого:

var parentId = $(this).parents('div.wrapper-dropdown-5').prop('id') ; 

Answer 2

Проще говоря:

$(this).parents("div").filter(function(i) { return $(this).prop("id"); }).first().prop("id") 

• .parents()
  • Calls все родители выбранного элемента
• .filter()
  • уменьшает набор соответствующих элементов для них метод, проходящих внутри
• .first()
  • Выбирает первый в наборе спичечных элементов
• .prop()
  • выбирает "Свойства" элемента

Answer 3

Мое предложение было бы использовать closest

$(this).closest('[id]').attr('id'); 

возвращение идентификатор ближайшего родителя с идентификатором

Quicky demo

EDIT: после рассмотрения его дальнейшего , Я пришел к выводу, что было бы лучше использовать .parents('[id]') вместо closest. closest содержит активный элемент, и вряд ли вы захотите его включить.

Answer 4

другой Подход:

$(this).parents("div.m2").attr("id"); 

или

$(this).parents("ul").parent("div").attr("id");