多个相同class 的时候 只更改当前鼠标悬停的class样式

Question

本帖最后由 xd199187 于 2012-01-24 22:50:03 编辑

Answer 1

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.3.2.min.js"></script>
  
<style type="text/css">
.s {
    height: 200px;
    width: 400px;
    border: 1px solid #000;
    margin: 5px;
    float: left;
    text-align: center;
    line-height: 200px;
}
.b {
    float: left;
    height: 30px;
    width: 400px;
    text-align: center;
    display: none;
}
</style>
<div class='s' >
 <span class="b">a</span>
<a>sss</a>
</div>
<div class='s' >
 <span class="b">b</span>
<a>sss</a>
</div>
<div class='s' >
 <span class="b">c</span>
<a>sss</a>
</div>
<script>
$(function(){
    $(".s").mouseover(function(){
        alert($("span.b",this).html())
        })    })
</script>