Sélecteur de caractères génériques Mootools

Question

Comment puis-je sélectionner tous les éléments dont les ID commencent par "row_", par exemple "row_223425" et "row_at264" etc.?

Ce que je suis en train de faire en fin de compte est de donner une couleur de fond à chaque div même .productWrapper dans cette structure:

<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> 

J'ai essayé sélectionner chaque seconde .productWrapper div en utilisant de nombreuses variantes du .productWrapper: even et: pseudoclasses impaires, et #container: nth-child (n + 1) aussi. Note: Peu importe que la div "row_" ou la div ".productWrapper" soient sélectionnées, car en matière de design et d'apperance, elles sont identiques pour l'utilisateur final. Donc, ma prochaine tentative a été d'essayer: pair et: nth-child() des divs "row_", mais j'ai besoin de savoir comment utiliser les jokers dans mootools.

Des idées?

Answer 1

Vous pouvez utiliser le sélecteur "startsWith" dans Mootools:

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

Cela permet de sélectionner tous les éléments dont divid attribut commence par "row_". Si vous voulez sélectionner tous les éléments dont l'ID commence par « row_ » et pas seulement des éléments div, utilisez ce qui suit:

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

Découvrez l'exemple de travail here