Question

我在while循环中有一个div和相应的锚标记。我想要的是当我点击锚标签时，只显示相应的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是一个弹出窗口。请帮助。

Answer 1

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

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

这是jquery（！），为此你需要包含jquery

这是一个带有jquery的工作jsfiddle。不幸的是，我没有使用javascript的年龄，因此我无法做一些平坦的JavaScript。请注意，正如Andy所说，这是非常耗费资源的，其唯一目的就是在点击时显示下一个兄弟:(

点击按钮获取相应的div

1 个答案: