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

Question

我在页面上有几个隐藏的div，其中一些具有相同的类。

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

我以这种方式为我的班级添加前缀。如何让所有这些显示？ 我试过了

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

Answer 1

你不需要每个（）。你可以做到

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

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

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

如果您希望使用以“chapter-”开头的类显示每个div元素，则可以使用this：

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

Answer 2

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

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

  

$（＆＃39; .showDiv＆＃39）显示（）;

Answer 3

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

应该这样做

Answer 4

要跟进Tim的回答，如果您使用其他html实体的类名，您也可以将其扩展为仅选择div。

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