用jq怎么实现这个效果...

Question

<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(多个)

Answer 1

$('#aa').mouseover(function() {
  $('span.aa').css('border', '1px solid #FF0000');
});
$('#bb').mouseover(function() {
  $('span.bb').css('border', '1px solid #FF0000');
});

Answer 2

谢谢楼上
不好意思　没说清楚..
不仅仅是有#aa #bb的...还有好多个未知的...

Answer 3

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

Answer 4

未知的元素有什么规律？用jQuery的强大的选择器去匹配呗