У меня есть эта структура в html:
<div class="accordion-heading low">
<a class="accordion-toggle"></a> // I want to select this
<div class="dropdown priority">
<span></span>
<a class="dropdown-toggle"></a>
<ul class="dropdown-menu">
<li><a class="edit"></a></li> // from here
<li>..</li>
</ul>
</div>
</div>
Я хочу выбрать .accordion-toggle
из класса <li>
с классом .edit
Я попытался использовать ближайший:
$('.edit').on('click', function() {
console.log( $(this).closest('a[class="accordion-toggle"]').text() );
});
Я ничего не печатаю.
Как я могу это сделать?
Здесь accordion-toggle
не является прямым предком элемента edit
, он является одним из элементов предка
$('.edit').on('click', function() {
console.log( $(this).closest('.accordion-heading').find('a.accordion-toggle').text() );
});
Демо: скрипка
или
$('.edit').on('click', function() {
console.log( $(this).closest('.dropdown').prev('.accordion-toggle').text() );
});
Демо: скрипка