jquery - Jqueryリンクのみのアクション

Question

私は次のhtmlコードを持っています：

<a href="/produkt" class="menuTabs">My Catalog 1 <span>(23752)</span></a>

JQuery：

    $('a.menuTabs', '#subNav').mouseover(function (e) {
...

ここでの問題は、「スパン」の選択ではなく、「マイカタログ1」という単語の上にあるときにのみマウスオーバー機能を実行したいということです。ありがとう

Answer 1

マウスオーバーをトリガーしたいテキストを独自のスパンでラップしないのはなぜですか?

<a href="/produkt" class="menuTabs"><span class="mouseover">My Catalog 1</span> <span>(23752)</span></a>

$('a.menuTabs span.mouseover', '#subNav').mouseover(function (e) {

Answer 2

どの要素がマウスオーバーのターゲットであるかを確認するだけです

$('a.menuTabs', '#subNav').mouseover(function (e) {
    if (e.target != this){
        $('.disp').text('s');
        return;
    }
    $(​'.disp'​​​​).text('a');
}​);​

http://jsfiddle.net/brfLX/

Answer 3

ここで完全なソリューション：

$('a.menuTabs').mouseover(function (e) {});
$('a.menuTabs > span').mouseover(function (e) {  e.stopPropagation(); });

これと同じ質問。