Селектор подстановочных знаков Mootools - PullRequest
Новая
       19

Селектор подстановочных знаков Mootools

0 голосов
/ 20 августа 2010

Как выбрать все элементы, идентификаторы которых начинаются с "row_", например, "row_223425" и "row_at264" и т. Д .?

В конечном итоге я пытаюсь дать цвет фона каждому четному элементу div .productWrapper в этой структуре: 

<div id="container">
    <div id="row_2531865">
       <div class="productWrapper">
          Product 1 content here...
       </div>
    </div>
    <div id="row_5f62825">
       <div class="productWrapper">
          Product 2 content here...
       </div>
    </div>

    etc etc

</div>

Я попытался выбрать каждый второй div .productWrapper, используя множество вариаций псевдоклассов .productWrapper: even и: odd, а также #container: nth-child (n + 1).

Примечание: Меня не волнует, выбран ли div "row_" или div .productWrapper, потому что когда дело касается дизайна и внешнего вида, они одинаковы для конечного пользователя.

Итак, моей следующей попыткой было попробовать: даже и: nth-child () варианты в div "row_", но мне нужно знать, как использовать подстановочные знаки в mootools.

Есть идеи?

1 Ответ

4 голосов
/ 20 августа 2010

Вы можете использовать селектор «startWith» в mootools: 

var elems = $('container').getElements('div[id^=row_]');

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

var elems = $('container').getElements('*[id^=row_]');

Ознакомьтесь с рабочим примером здесь

...