jquery - Jquery 仅链接操作

Question

我有以下html代码：

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

查询：

    $('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(); });

与此相同的问题。