jquery - 获取父级并将类添加到其中的所有链接

Question

我在嵌套菜单上添加类时遇到问题。当我单击带有类 get-view 的链接时，我需要将类添加到包含 div 中的所有链接，其中包含类 nav-item ，包括我单击的链接。我完全不知道如何选择包含的 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");
});

这是a working fiddle .