имя класса содержит...

sunyang

Мастер
Регистрация
25 Апр 2009
Сообщения
440
Реакции
30
У меня класс элемента формируется скриптом:
hsId0
hsId1
hsId2

можно ли как-то неявно указать в CSS правило, что имя класса должно содержать hsId , а то, что дальше не важно?
 
Можно этот вопрос решить с помощью jquery. Например, когда все требуемые элементы div находятся в каком то блоке, например:
HTML:
<div class="div1">
    <div class="hsId0">SubDiv 1</div>
    <div class="hsId1">SubDiv 2</div>
    <div class="hsId2">SubDiv 3</div>
</div>​

Тогда код jquery:
Код:
$(document).ready(function(){
  $('div.div1 div').each(function() {
      var elementClass = $(this).attr('class');
      $(this).attr('class', elementClass+' hs');
});
 
})
​

Ну и css:
HTML:
​div.hs {color: red;}​
 
Если правила CSS одинаковы для всех элементов с классом hsid*, то я обоими полушариями за то, чтобы изменить скрипт, чтобы он генерировал только 1 класс. Бонусами получите меньше кода в скрипте и всего 1 правило css (типо экономия ресурсов сервера).
 
Отбираете джаваскриптом все элементы с классом hsid*. Можно регуляркой. Добавляете к ним всем еще один класс, например, просто hsid, ну а дальше - одно правило в css. Если с этим сложности, могу набросать скриптик.
 
div[class^="hsId"]{} (IE7+)
Почитайте про селкторы Для просмотра ссылки Войди или Зарегистрируйся(есть поддержка браузерами) или Для просмотра ссылки Войди или Зарегистрируйся или Для просмотра ссылки Войди или Зарегистрируйся (справа меню, там несколько разделов по селеторам разных типов)
 
Назад
Сверху