jquery - WordPress メニューでの jQuery 伝播の問題

Question

WordPress サブメニューで jQuery の伝播を停止する際に問題が発生しています。

これが私のスクリプトです：

$("#menu-item-302900 a").click(function(){                                      
    $.get('/?deletecookie', function() {
        window.location.href = "/";
    });
    return false;
});

生成された HTML:

<ul class="tabset">
    <li id="menu-item-302900" class="active">
        <a href="/future-residents">Future Residents</a>
        <ul class="sub-menu">
            <li id="menu-item-304504"><a href="/apply-online/">Apply Online</a></li>
            <li id="menu-item-304505"><a href="/other/">Other Link</a></li>
            <li id="menu-item-304540"><a href="/other1/">Other Link 1</a></li>
        </ul>
    </li>
    <li id="menu-item-303026"><a href="/other2/">Other Link 2</a></li>
</ul>

サブメニュー項目の 1 つがクリックされている場合でも、javascript が有効になっています。

もちろん、 function(e){e.stopPropagation();} でコードを修正しようとしましたが、これは問題を解決しませんでした。

jQuery を、サブメニューの要素ではなく、選択したメニュー項目の要素に限定する回避策を探しています。

誰でも解決策についてアドバイスできますか?

ありがとう