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

Тема в разделе "Верстка", создана пользователем sunyang, 18 сен 2012.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. sunyang

    sunyang

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

    можно ли как-то неявно указать в CSS правило, что имя класса должно содержать hsId , а то, что дальше не важно?
     
  2. Footniko

    Footniko Постоялец

    Регистр.:
    2 ноя 2011
    Сообщения:
    57
    Симпатии:
    4
    Можно этот вопрос решить с помощью 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;}​
     
  3. aaidlin

    aaidlin Создатель

    Регистр.:
    30 авг 2012
    Сообщения:
    20
    Симпатии:
    3
    Если правила CSS одинаковы для всех элементов с классом hsid*, то я обоими полушариями за то, чтобы изменить скрипт, чтобы он генерировал только 1 класс. Бонусами получите меньше кода в скрипте и всего 1 правило css (типо экономия ресурсов сервера).
     
  4. Cybero

    Cybero Создатель

    Регистр.:
    28 авг 2012
    Сообщения:
    14
    Симпатии:
    6
    Отбираете джаваскриптом все элементы с классом hsid*. Можно регуляркой. Добавляете к ним всем еще один класс, например, просто hsid, ну а дальше - одно правило в css. Если с этим сложности, могу набросать скриптик.
     
  5. matiass

    matiass Создатель

    Регистр.:
    30 май 2007
    Сообщения:
    44
    Симпатии:
    7
    div[class^="hsId"]{} (IE7+)
    Почитайте про селкторы Перейти по ссылке (справа меню, там несколько разделов по селеторам разных типов)
     
    sarhov нравится это.