Здравствуйте, не получается выбрать ID элемента, подскажите пожалуйста.
В моей ситуации случается нажатие на кнопку, которая находится в Div, мне нужно обратиться к этому див и найти там элемент с определенным классом и получить у него ID.
Алгоритм работы
1) совершается клик на span class="note-actions__btn unclip"
2) с помощью closest перехожу к .note-wrapper .note-type-note
3) ищу в .note-wrapper .note-type-note элемент с .note--body--content
4) получаю его ID (в данной разметке note_body_7954728)
Мой jQuery код:
$(e.target).closest(".note-wrapper.note-type-note").find(".note--body--content").attr("id")
Где e.target = область события click -> .note-actions__btn . В данный момент выдает Undefined.
Сам e.target выдает весь span с классом note-actions__btn.
Я не знаю что делаю не так, где ошибка?
HTML разметка:
<div class="note-wrapper note-type-note hovered">
<div class="note note-note">
<div class="icon icon-note-note note-icon"></div>
<dl class="note--header "><dd class="note--header--right"></dd><dt class="note--header--left">03.10.2016, 14:59, <b>Leonid</b></dt></dl>
<div class="note--body ">
<div class="note--body--content" id="note_body_7954728"><p>fg</p></div>
</div>
<div class="note-actions-switcher js-note-actions-switcher">
<span class="icon icon-inline icon-v-dots-2"></span>
</div>
</div>
<div class="note-actions-wrapper">
<div class="note-actions__btn note-actions__btn-delete js-note-delete-btn">
<span class="note-actions__btn__icon-wrapper"><span class="icon icon-delete-trash note-actions__icon"></span>удалить</span>
</div><!---->
<div class="note-actions__btn note-actions__btn-edit js-note-edit-mode-btn">
<span class="note-actions__btn__icon-wrapper"><span class="icon icon-pencil note-actions__icon"></span>изменить</span>
</div>
<span class="note-actions__btn unclip" style="background: #d4d5d8;"><span class="note-actions__btn__icon-wrapper"><span class="icon icon-pencil note-actions__icon"></span>прикрепить</span></span>
</div>
</div>
Заранее спасибо!