jQuery next（）找不到find元素或返回console.log（）

Question

我有兩個同名的div。 第一個包含用戶可以單擊以轉到新頁面的鏈接，以及一個下拉箭頭以打開包含更多錨標簽的下一個div。 看起來像這樣：

<div class="container-div">
    <a class="link-1">Men</a>
    <span class="dropdown-arrow"></span>
</div>
<div class="container-div">
  <a class="link-2">Featured</a>
  <a class="link-2">Sale</a>
</div>

現在，當用戶單擊span.dropdown-arrow時，第二個容器div將打開，顯示.link-2鏈接。 當用戶單擊Men鏈接（a.link-1）時，它還會打開第二個容器div，並將用戶帶到新頁面。 我想要這樣，以便當用戶單擊“ .link-1”時，第二個容器div不打開（保持為display：none）。

這是我的jQuery：

 function mobileMainNav(){

        $('a.link-1').click(function(){
            window.location = $(this).attr('href');
        }); 

        $('a.link-1').click(function(){
            var showNone = $(this).parent().next('div.container-div').css('display', 'none');
            console.log(showNone);
        }); 
    }; 

該功能的第一部分起作用，將用戶帶到新窗口。 但是第二部分根本不起作用，控制台中也沒有任何記錄。 我究竟做錯了什么？

Answer 1

因此，調用stopImmediatePropagation，但只有在事件以正確的順序附加時，它才起作用。

 $("button").on("click", function (e) { console.log(1); e.stopImmediatePropagation() }); $("button").on("click", function (e) { console.log(2); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button>a</button>