Выберите элемент jQuery

0

У меня есть эта структура в 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() );
});

Я ничего не печатаю.

Как я могу это сделать?

Теги:

1 ответ

0
Лучший ответ

Здесь 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() );
});

Демо: скрипка

Ещё вопросы

Сообщество Overcoder
Наверх
Меню