0

我div在 while 循环中有一个和相应的锚标记。我想要的是，当我点击锚标签时，应该只显示相应的 div。问题是它只显示循环的第一个 div。请帮我解决问题。这是我的代码

int i=0;
while(i<5){
  <div class="scroll_div04b1" align="center" id="chk">
    <a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-0' } )">
      <img src="images/buttons/chk.gif" border="0" />  
    </a>
    <div class="highslide-html-content" id="highslide-0">
    --------
    -------
    </div>
  </div>
  i++
}

现在我将如何获得highslide-0 div与每个图像点击对应的，highslide-0 div是一个弹出窗口。请帮忙。

4

1 回答 1

0 
$('a').click(function(){
   $('.highslide-html-content').hide();
   $(this).next().show();
});

这应该选择所有 highslide-html-content div 并在显示单击锚的下一个兄弟之前隐藏它们。（在这种情况下是 div）。您包含的 html-snippet 格式也不正确，您错过了一个结束 div ;)

这是 jquery(!) 要使其工作，您需要包含jquery

这是一个使用 jquery 的工作jsfiddle。不幸的是，我已经很久没有使用过 javascript，因此我无法制作一些平面 javascript。请注意，正如安迪所说，这是非常耗费资源的，其唯一目的是在点击时显示下一个兄弟姐妹:(

于 2013-02-18T12:05:49.470 回答