Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Добавить класс с порядковым номером (https://javascript.ru/forum/misc/63602-dobavit-klass-s-poryadkovym-nomerom.html)

k_DizeL 17.06.2016 18:23

Добавить класс с порядковым номером
 
Возникла проблема, имею
$('[class^="window"]').addClass("windown");

<div class="window1" style="display: none;"></div>
<div class="window2" style="display: none;"></div>
<div class="window3" style="display: none;"></div>
<div class="window4" style="display: none;"></div>
<div class="window5" style="display: none;"></div>
<div class="window6" style="display: none;"></div>

Каким образом можно добавить класс windown1 windown2 и так далее?

рони 17.06.2016 18:41

k_DizeL,
циклом

Bond 17.06.2016 18:43

Например так можно
$('.window').each(function(index) {
	$(this).addClass('window'+(index+1));
});

рони 17.06.2016 18:45

k_DizeL,
в документации написано как добавить
http://api.jquery.com/addClass/

ruslan_mart 17.06.2016 22:10

$('[class^="window"]').each(function() {
    var index = this.className.match(/window(\d+)/)[1];
    $(this).addClass('windown' + index);
});


Часовой пояс GMT +3, время: 07:38.