当悬停链接时,我试图更改前一个 div 的背景,但这里不起作用,代码 Jsfiddle这是我的脚本
$('div a.link').hover(function(){
var icon = $(this).prevAll('div.icon').first();
icon.css({'background':'url(http://www.rangde.org/images/icons/circle_grey_hover.jpg) no-repeat', 'color':'#fff','cursor':'pointer'});
});
我的html
<div class="icon">1</div>
<div><a href="#" class="link">First article</a></div>
<div class="clearfloat"></div>
<div class="icon">2</div>
<div><a href="#" class="link">Second article</a></div>
<div class="clearfloat"></div>
<div class="icon">3</div>
<div><a href="#" class="link">Third article</a></div>
我的CSS
.icon{background: url(http://www.rangde.org/images/icons/circle_grey.jpg) no-repeat;
width: 92px;
height: 97px;
padding: 35px 0px 0px 45px;
font-size: 14pt;
color: black;
font-weight: 600;
width: 32%;float:left;}
.link{width:60%;float:left;color:#048ccc;font-weight:600;padding-top:30px;}
.clearfloat{clear:both;}
最佳答案
$('div a.link').hover(function(){
var icon = $(this).parent().prev();
icon.css({'background':'url(http://www.rangde.org/images/icons/circle_grey_hover.jpg) no-repeat', 'color':'#fff','cursor':'pointer'});
}, function() {
var icon = $(this).parent().prev().css({'background':'none'});
});
关于javascript - 当悬停文本时,使用 jquery 更改其他 div 的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10348113/