我真的很感謝有人幫助,因爲這讓我瘋狂!jQuery多個類並在懸停上添加類
所以我有以下兩個坐在一起的imgs,並在整個頁面的各個地方使用。
<img class="curtain containerLeft" src="http://example.com/containerleft.jpg" />
<img class="curtain containerRight" src="http://example.com/containerright.jpg" />
我需要的是當我將鼠標懸停在任意兩個圖像,一類.lefthover或.righthover的同時被添加到左邊或右邊容器中,然後再次被去除時鼠標移開。因此,在懸停的代碼看起來像這樣:
<img class="curtain containerLeft lefthover" src="http://example.com/containerleft.jpg" />
<img class="curtain containerRight righthover" src="http://example.com/containerright.jpg" />
,並恢復到這個鼠標移開時:
<img class="curtain containerLeft" src="http://example.com/containerleft.jpg" />
<img class="curtain containerRight" src="http://example.com/containerright.jpg" />
我不想lefthover和righthover應用於這些圖像的每個實例在頁面上 - 就是我溺愛的兩個。
我有接近並試圖很多事情,但只能要麼得到的圖像的所有實例都添加了相應的課程或者只有我上空盤旋(不是一個它旁邊的圖像。
我無法弄清楚如何在同一個div中選擇另一個類(我可以用.children來完成,但在這種情況下這不適用)因此,我認爲這可能適用於:例如:
$('.curtain')
.hover(function() {
$(".containerLeft", this).addClass('lefthover');
$(".containerRight", this).addClass('righthover');
}, function() {
$(".curtainLeft", this).removeClass('lefthover');
$(".containerRight", this).removeClass('righthover');
});
任何想法或想法?
當懸停在.containerLeft上時,這不起作用嗎?所以我需要在.containerRight上懸停的重複代碼? – Duncan