Javascript Jquery基于元素执行操作'；s父标记

我有以下资料：

<ul class="head clearfix">\
    <li class=""><strong><a href="/firmy" class="menuTabs">Katalog firm <span>(3516)</span></a></strong></li>
    <li class=""><a href="/produkty" class="menuTabs">Katalog produktów <span>(23752)</span></a></li>
    <li class=""><a href="/uslugi" class="menuTabs">Katalog uslug <span>(81)</span></a></li>
    <li class="last"><a href="/szkolenia" class="menuTabs">Katalog szkolen <span>(529)</span></a></li>
</ul>

\

我只需要在没有父项标记的链接上执行鼠标悬停效果。因此，在上面的例子中，我将跳过“Katalog公司”链接，因为该链接有一个标记作为父级

---

谢谢

这只能通过使用直接子选择器在CSS中定义

ul.head > li > a.menuTabs:hover 
{
   /* hover style */
}

您可以在jquery中使用相同的选择器

$('ul.head > li > a.menuTabs')

---

这只能通过使用直接子选择器在CSS中定义

ul.head > li > a.menuTabs:hover 
{
   /* hover style */
}

您可以在jquery中使用相同的选择器

$('ul.head > li > a.menuTabs')

---

您的css选择器将是

ul.header > li > a.menuTabs:hover

定义悬停效果的步骤

如果需要一些jquery功能，可以使用

$('ul.header > li > a.menuTabs')

---

要获取这些元素，您的css选择器将

ul.header > li > a.menuTabs:hover

$('.head').on('click', 'li > a', function(evt) {
    //do something
});

定义悬停效果的步骤

如果需要一些jquery功能，可以使用

$('ul.header > li > a.menuTabs')

---

要获取这些元素，我建议，除了使用更具体的选择器（在大多数情况下可能是更好的选项）检查mouseover事件中的父元素之外，还可以使用以下方法：

$('.head').on('click', 'li > a', function(evt) {
    //do something
});

$('a').on('mouseover', function(e){
    var that = this;
    if ($(that).parent().is('strong')) {
        return false;
    }
    else {
        // do stuff.
    }
});

---

我建议，除了使用更具体的选择器（在大多数情况下可能是更好的选项）检查mouseover事件中的父元素之外，还可以选择：

$('a').on('mouseover', function(e){
    var that = this;
    if ($(that).parent().is('strong')) {
        return false;
    }
    else {
        // do stuff.
    }
});

---

只需从选择器中筛选出具有强标记的父元素，并附加鼠标事件：

​$('ul.head li a')​.filter(function() {
    return !$(this).parent().is('strong');
}).on('mouseenter', function() {
    $(this).css('color','green');
});​

---

只需从选择器中筛选出具有强标记的父元素，并附加鼠标事件：

​$('ul.head li a')​.filter(function() {
    return !$(this).parent().is('strong');
}).on('mouseenter', function() {
    $(this).css('color','green');
});​

请像这样使用

ul li>a:hover
{
background-color:black;
}​

请像这样使用

ul li>a:hover
{
background-color:black;
}​