javascript foreach увеличить число

Question

var dd = Math.floor(Math.random()*99);    
$('#a'+ dd + 'b'+ dd + 'c'+ d ).css({...});



for (var i=1; i<100; i++) {
 for (var ii=1; ii<100; ii++) {
  for (var iii=1; iii<100; iii++) {
   $('#a'+ i + 'b' + ii + 'c' + iii).css({...});
  }
 }
}

Мне нужна помощь в изменении div css с таким номером id, как div#a + num + b + num + c + num (диапазон num от 1 до 99, например, div#a11b35c9, div#a98b23c17. ..)

Рандом не может разграничивать весь диапазон чисел от (1-99), поэтому судить нужно медленно. Как я могу сделать это более эффективным? (Также сложно добавить класс для каждого div) Спасибо.

Answer 1

divArray=document.getElementsByTagName('div');
for (mydiv in divArray) {
    if (mydiv.id.match(/^a\d{1,2}b\d{1,2}c\d{1,2}$/)) {
        // make your change here
    }
}

Answer 2

Существует Атрибут начинается с селектора

$('div[id^="a"]')

, это даст вам все div, которые имеют id, начинающиеся с "a", но этот набор результатов требует дополнительной фильтрации, если вы это сделаетеиспользуйте «обычные» идентификаторы, которые также начинаются с «а».

Answer 3

Почему бы не добавить класс ко всем этим тегам <div> и сделать это:

$('.myDivs').css({ ... });

Возможно, вам удастся сойти с рук что-то вроде этого, если добавить класс невозможно:

$('div[id^=a][id*=b][id*=c]').css({ ... });