2010-08-20 86 views
0

如何选择以“row_”开头的所有元素,例如“row_223425”和“row_at264”等?Mootools通配符选择器

什么我最终要做的是提供一个背景色为每个连.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> 

我曾尝试选择使用.productWrapper的许多变化每秒.productWrapper格:甚至和:奇数伪代码,以及#容器:第n孩子(n + 1)。

侧注意:我并不在意是否选择了“row_”div或.productWrapper div,因为当涉及到设计和外观时,它们与最终用户一样都是一样的。

因此,我的下一个尝试是在“row_”div上尝试:even和:nth-​​child()变体,但我需要知道如何在mootools中使用通配符。

任何想法?

回答

4

可以在mootools的使用 “startsWith” 选择:

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

这将选择所有div元件,其id属性与 “row_” 开始。如果您想选择所有的ID以“row_”并不仅仅是div元素开始的元素,使用以下命令:

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

退房工作实例here

+0

谢谢!完美的作品。 :) – Psyspi 2010-08-26 00:34:17