关于js的问题.高手来

Question

<div class="card"  >
<div class=""  style="display:none" id="1"> 
  <img src="images/.gif" width="164" height="196" />
</div>
    <a id="di1" name="ddd" href="mycard_use.action?cardId=<%=cardId%>&userId=<%=request.getAttribute("getUserId()") %>">
    <img  src="<%=cardPath%>" width="166" height="199" id="di2"/>
 </a>
</div>
点击id=di2这个图片, 之后把id=1这个图片显示出来,然后跳转id=di1这个链接.这里面的参数是经过遍历得到的.这个怎么写呀.求高手指教. 这里面的div 也是要一起遍历的.一共会显示6张图片,点击每张图片都会产生效果.

Answer 1

楼主，那6张图片的id都是“di2”。元素属性id是不允许重复的。而且你所有name为“ddd”的a标签的id也全一样。你那么做是问题的，第次取到都是第一个元素。
所以你根本不需要加“di1”，“di2”这两个id，你只需要这么写就行了：
  <a  name="ddd" href="mycard_use.action?cardId=<%=cardId%>&userId=<%=request.getAttribute("getUserId()") %>">
  <img src="<%=cardPath%>" width="166" height="199" />
 </a>
jquery中这么写就行了：
$("a[name='ddd'] img").live('click',function(){
$("#1").show();
open($(this).closest("a").attr("href"));
});

Answer 2

这不就两句代码的事吗？
document.getElementById("1").style.display = "block";
window.location=document.getElementById("di1").href;