我有以下html代码:
<a href="/produkt" class="menuTabs">My Catalog 1 <span>(23752)</span></a>
查询:
$('a.menuTabs', '#subNav').mouseover(function (e) {
...
这里的问题是我只想在“我的目录 1”而不是“跨度”选择时执行鼠标悬停功能。谢谢
我有以下html代码:
<a href="/produkt" class="menuTabs">My Catalog 1 <span>(23752)</span></a>
查询:
$('a.menuTabs', '#subNav').mouseover(function (e) {
...
这里的问题是我只想在“我的目录 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) {
只需检查哪个元素是鼠标悬停的目标
$('a.menuTabs', '#subNav').mouseover(function (e) {
if (e.target != this){
$('.disp').text('s');
return;
}
$('.disp').text('a');
});