Получить родитель и добавить класс для всех ссылок в

Question

У меня проблема с добавлением классов во вложенном меню.Когда я щелкаю ссылку с классом get-view, мне нужно добавить класс ко ВСЕМ ссылкам внутри содержащего div с помощью элемента nav класса, включая ссылку, по которой я щелкнул.Я полностью заблудился о том, как выбрать содержащий div и применить класс ко всем ссылкам внутри.Любая помощь приветствуется.

Мой HTML выглядит так

<div class="nav-item">
    <a href="1.html" class="get-view subnav-main"><span>Main Link 1</span></a>
</div>
<div class="nav-item">
    <a href="2.html" class="get-view subnav-main"><span>Main Link 2</span></a>
</div>
<div class="nav-item">
    <div class="subnav-main subnav-more">
        <a href="3.html" class="get-view subnav-main"><span>Main Link 3</span></a>
        <div class="subnav-subnav subnav-closed">
            <a href="3.html" class="get-view">Sublink 1</a><br />
    <a href="4.html" class="get-view">Sublink 2</a><br />
    <a href="5.html" class="get-view">Sublink 3</a><br />
        </div>
    </div>
 </div>

Answer 1

Это должно работать:

$(".get-view").click(function() {
    // Remove [YourClass] from any element that might already have it
    $(".YourClass").removeClass("YourClass");

    //Add [YourClass] based on your requirements
    $(this).closest(".nav-item").find("a").addClass("YourClass");
});

Вот рабочая скрипка .