jquery - 遍历一棵树后添加类

Question

我有以下结构:

<li>
    <div class="classA">
        <div class="classB"></div>
        <div class="classC"></div>
        <div class="classD">
            <div class="classE"></div>
        </div>
    </div>
</li>

我想点击类 classE 的 div 并向类 classB 的 div 添加一个类

这就是我正在尝试的，但失败了:

$(document).on('click', '.classE', function() {
    $(this).closest('li').find('.classB').addClass('addMe');
});

我也尝试过:

$(document).on('click', '.classE', function() {
    $(this).closest('classA').find('.classB').addClass('addMe');
});

我认为他们都是 classB 的 parent (尽管已被删除)，所以应该找到它吗？

Answer 1

只需使用:

$(this).closest('.classB').addClass('addMe');

更新:

 $(this).parent().siblings('.classB').addClass('addMe');