javascript - 选择元素 jQuery

Question

我在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>with .editclass 中选择 class

我尝试使用最接近的：

$('.edit').on('click', function() {
     console.log( $(this).closest('a[class="accordion-toggle"]').text() );
});

我什么都不打印。

我该怎么做？

Answer 1

这里的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() );
});

演示：小提琴