2013-02-18 42 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