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>类

中选择.edit班级

我尝试使用最近的：

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

演示：Fiddle

或

$('.edit').on('click', function() {
     console.log( $(this).closest('.dropdown').prev('.accordion-toggle').text() );
});

演示：Fiddle

选择元素jQuery

1 个答案: