js 如何获取id的值？

Question

代码如下：
a标签的id属性A1的1怎么传送给jq代码里面 好比点击id为A1的标签 传送A1里面的1给jq
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#A"+1).mouseover(function(){//这段代码里面的#A如何获取a标签里面的1
$("#B"+1).animate({top:"100px"},600); 
});
$("#A"+1).mouseout(function(){
$("#B"+1).animate({top:"0px"},600);
});
});
</script><a id="A1" >A</a><img id="B1"src="1.png" style="position:absolute"/>
<a id="A2" >B</a><img id="B2"src="1.png" style="position:absolute"/>

Answer 1

for(var i=1;i<3;i++){
$("#B"+i).animate({top:"100px"},600);
//给一系列id的情况这样写吧。
}
$("#B1").animate({top:"100px"},600);
//直接对已知id操作，直接写就好了，没有必要再用+运算符了。

Answer 2

我自己修改是这样了 但是为什么还是不行
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("a").mouseover(function(){
var id= $(this).attr("id");
alert(id);//取得结果为A1 和img标签的id是对
$("#"+id).animate({top:"100px"},600);  //但是为什么这里不执行？
}); 
$("#A"+1).mouseout(function(){ 
$("#B"+1).animate({top:"0px"},600); 
}); 
}); 
</script> 
<a id="A1" >A</a><img id="A1"src="1.png" style="position:absolute"/> 
<a id="A2" >B</a><img id="B2"src="1.png" style="position:absolute"/> 

Answer 3

我自己又去修改了 但是又有新的问题了 是关于标签的事<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("a").mouseover(function(){
var id= $(this).attr("id");
var i=id.replace("A", "B");
$("#"+i).animate({top:"100px"},600);  
}); 
$("a").mouseover(function(){//为什么我的鼠标还没离开a标签上自己就执行代码了
var id= $(this).attr("id");
var i=id.replace("A", "B");
$("#"+i).animate({top:"0px"},600); 
}); 
}); 
</script> 
  
<a id="A1" >A</a><img id="B1"src="1.png" style="position:absolute"/> 
<a id="A2" >B</a><img id="B2"src="1.png" style="position:absolute"/> 

Answer 4

2个都是mouseover，都没添加mouseout事件，看你原来的帖子