как выбрать все 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(); 

, если вы хотите, чтобы показать каждый элемент DIV с классом, который начинается с 'главы:' Вы можете использовать this:

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

Answer 2

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

Или, если они не» t имеют уникальный класс, чтобы все они имели уникальный класс. Например, <div class="chapter-1 showDiv"></div>:

$ ('. ShowDiv'). Show();

Answer 3

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

Это должно сделать это

Answer 4

Чтобы следить за Tims ответа вы можете также расширить его выбрать только див, если вы используете имя класса для другой HTML сущностей.

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