jquery - リサーチリンクのクリックを防ぎ、他の人に働きかけましょう

Question

マウスオーバーするとサブメニューが表示されるメニューがあります。しかし、＃researchリンクがクリックされないようにしたいので、以下のjqueryを使用しました。しかし、これは私の「マイアプリケーション」リンクもクリックされるのを防ぎます。誰かが私を助けることができますか？

JQUERY

$('#research a').click(function(e){
e.preventDefault();
});

HTML

<li id="research"><a href="#">Research</a>
    <div class="submenu" style="display:none">
    <div class="submenuLeft">
        <ul>
            <li class="title">Application</li>
            <li><a href="/research/application">My Application</a></li>
        </ul>
    </div><!--submenuLeft-->
    </div><!--submenu-->
</li>

Answer 1

リンクにクラス属性を与える例：「非表示」

$('#research a.hide').click(function(e){
    e.preventDefault();
});

またはメソッド.first（）を使用します

$('#research a').first().click(function(e){
    e.preventDefault();
});

また

$('#research a[href="#"]').click(function(e){
    e.preventDefault();
});

またはこのようなより良いもの

$('#research a').filter(function() {
    var $this = $(this);
    return $this.text().toLowerCase() == 'research';
}).click(function(e){
    e.preventDefault();
});

Answer 2

で試してみてください

$('#research > a').click(function(e){
  e.preventDefault();
});

>aが。の直接の子孫であることを確認するために、が推奨されますli#research。

はfirst()すでに@algorhythmで言及されています。

これをスニペットよりわずかに下に変更すると、実行がより高速になります。

$('#research a:first-child').click(function(e){
    e.preventDefault();
});

Answer 3

これを試してください。複数のリンクがある場合は、＃が付いているものだけが適用されることを確認してください。href=#

$('#research a:[href="#"]').click(function(e){
    e.preventDefault();
});

Answer 4

<li id="research"><a href="javascript:void(0)">Research</a>