选择元素 jQuery

Select element jQuery

本文关键字：jQuery 元素 选择      更新时间：2023-09-26

我在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>

我想从具有.edit类的<li>中选择.accordion-toggle类

我尝试使用最接近的：

$('.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() );
});

演示：小提琴

相关文章：