jquery悬停将2个类添加到2个不同的div';s
我得到的资料如下: (我在同一页上有“持有人”div 2,3次或更多次) 当我将类悬停在.holder上时,它将添加到.holder。 我需要的是在将鼠标悬停在.holder上时将另一个类'liaddclas'添加到li元素jquery悬停将2个类添加到2个不同的div';s,jquery,hover,addclass,Jquery,Hover,Addclass,我得到的资料如下: (我在同一页上有“持有人”div 2,3次或更多次) 当我将类悬停在.holder上时,它将添加到.holder。 我需要的是在将鼠标悬停在.holder上时将另一个类'liaddclas'添加到li元素 <div class="holder addedClass"> <div class="one">one something </div> <div class="two">two something</
<div class="holder addedClass">
<div class="one">one something </div>
<div class="two">two something</div>
<ul class="ulclass">
<li class="liaddclas"></li>
<ul>
</div>
I tried with
$(".holder").hover(function(){
$(this).addClass("addedClass");
$(this "li").addClass("liaddclas");
}, function () {
$(this).removeClass("addedClass");
$(this "li").removeClass("liaddclas");
});
一点
两岁左右
我试过了
$(“.holder”).hover(函数(){
$(this.addClass(“addClass”);
$(本“li”).addClass(“liaddclas”);
},函数(){
$(this.removeClass(“addeclass”);
$(此“li”).removeClass(“liaddclas”);
});
但这会将类liaddclass添加到所有.holder潜水中,当我将鼠标悬停在.holder上时,我会在页面上显示。holder,我希望同时将其添加到一个潜水中。。。
有几种方法可以做到这一点。这里有一个:
$(this).find('li').addClass("liaddclas");
要仅选择当前悬停div中的li元素,可以执行以下操作:
$(".holder").hover(function(){
$(this).addClass("addedClass");
$("li",this).addClass("liaddclas");
}, function () {
$(this).removeClass("addedClass");
$("li",this).removeClass("liaddclas");
});
这只是许多方法之一,但是语法$(“li”,This)
选择This
上下文中的所有li元素
您使用的语法,$(此“li”)
完全是无效的JavaScript
$(this).find('li').addClass("liaddclas");
$(".holder").hover(function(){
$(this).addClass("addedClass");
$("li",this).addClass("liaddclas");
}, function () {
$(this).removeClass("addedClass");
$("li",this).removeClass("liaddclas");
});