如何选择具有相同类别的所有div

我在页面上有几个隐藏的div，其中一些具有相同的类别。如何选择具有相同类别的所有div

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

我前缀我的课的方式。我如何让他们全部展示？我试过

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

2012-02-28 Mythriel

的可能重复[如何获得跨度ID与一个字开始（http://stackoverflow.com/questions/5967164/how-to-get-the-span-id-which-starts随着一个字） – 2012-02-28 16:45:29

这是有点重复...不知道它是否被认为是“确切”，因为解决方案有所不同。 – 2012-02-28 16:48:12

我不认为它是重复的，问题是不同的。这个问题询问如何使用相同的类显示所有内容，而另一个问题则询问如何仅使用一部分选择器名称检索单个元素。 – Tim 2012-02-28 17:50:49

你不需要each（）。你可以做

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

所以在你的情况下（这将显示所有元素与类的章-1）。

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

如果你想展示一类是开头每个div元素 '章节 - ' 您可以使用this：

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

2012-02-28 16:45:41 Tim

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

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

或者，如果他们不”没有一门独特的课，让他们都有独特的课。如<div class="chapter-1 showDiv"></div>那么：

$（'。showDiv'）。show（）;

2012-02-28 16:46:45

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

应该这样做

2012-02-28 16:48:57 itsmequinn

要跟进蒂姆斯回答，您还可以将其扩展到只有当您使用类名其他HTML实体选择的div。

$('div.classname' + id).show();

2012-02-28 16:51:09 Tony

回答