2012-02-28 122 views
0

我在頁面上有幾個隱藏的div,其中一些具有相同的類別。如何選擇具有相同類別的所有div

<div class="chapter-1"></div> 
<div class="chapter-1"></div> 

我前綴我的課的方式。我如何讓他們全部展示? 我試過

var id = 1; // get this from other source 
$('.chapter-' + id).each().show(); 
+1

的可能重複[如何獲得跨度ID與一個字開始(http://stackoverflow.com/questions/5967164/how-to-get-the-span-id-which-starts隨着一個字) – 2012-02-28 16:45:29

+0

這是有點重複...不知道它是否被認爲是「確切」,因爲解決方案有所不同。 – 2012-02-28 16:48:12

+0

我不認爲它是重複的,問題是不同的。這個問題詢問如何使用相同的類顯示所有內容,而另一個問題則詢問如何僅使用一部分選擇器名稱檢索單個元素。 – Tim 2012-02-28 17:50:49

回答

12

你不需要each()。你可以做

$(".classname").show(); 

所以在你的情況下(這將顯示所有元素與類的章-1)。

var id = 1; 
$(".chapter-"+id).show(); 

如果你想展示一類是開頭每個div元素 '章節 - ' 您可以使用this

$('div[class|="chapter"]').show(); 
+0

對......傻了 – Mythriel 2012-02-28 16:47:03

0

$('.chapter-1').show();$('.chapter-1, .chapter-2').show();

或者,如果他們不」沒有一門獨特的課,讓他們都有獨特的課。如<div class="chapter-1 showDiv"></div>那麼:

$('。showDiv')。show();

0
$.('[class ^= "classname"]') 

應該這樣做

0

要跟進蒂姆斯回答,您還可以將其擴展到只有當您使用類名其他HTML實體選擇的div。

$('div.classname' + id).show(); 
相關問題