日期:2014-05-16  浏览次数:20406 次

用jq怎么实现这个效果...
<p class="aaa">
<span id="aa">000</span><span id="aa">111</span>
</p>

<p class="bbb">
<span class="aa">0000</span><span class="aa">1111</span>
<span class="bb">2222</span><span class="bb">3333</span>
<span class="aa">4444</span><span class="bb">5555</span>
</p>


当鼠标滑过红色里面的span时,给蓝色中多个对应的span加个样式 比如简单的边框...

红色中的ID为aa(唯一) = 蓝色中CLASS为 aa(多个)
红色中的ID为bb(唯一) = 蓝色中CLASS为 bb(多个)

------解决方案--------------------
$('p.aaa span').mouseover(function() {
$('span.' + $(this).attr('id')).css('border', '1px solid #FF0000');
});