2013-02-18 40 views
0

我有一个div和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是一个弹出窗口。 请帮助。

+3

你可以做一个JSFiddle吗? – 2013-02-18 12:01:48

+0

我不知道JSFiddle – Chandrakesh 2013-02-18 12:04:50

+1

@ user1891823 http://jsfiddle.net – LMS 2013-02-18 12:05:19

回答

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

这应该选择所有highslide-html-content div并在显示被点击的锚的下一个兄弟之前隐藏它们。 (在这种情况下div)。还包含的是HTML的代码段是没有很好地形成,你错过了结束的div)

这是jQuery的(),这个工作你需要包括jquery

这里工作jsfiddle!与jQuery。不幸的是,我没有使用JavaScript的年龄,因此我无法使一些平的JavaScript。请注意,正如Andy所说,这是非常耗费资源的唯一目的,用于显示下一个兄弟的点击:(

+0

我该如何使用这个函数,因为我什么都不知道abt JQuery – Chandrakesh 2013-02-18 12:08:46

+0

看到我收录的链接。很容易理解,请阅读文档以获取更多信息 – Vogel612 2013-02-18 12:11:21

+0

可能最好不要为此单独包含jQuery,因为它也可以在简单的JavaScript中完成。 jQuery的大小是不值得在一个应用程序中使用一次 – Andy 2013-02-18 12:16:29