2010-08-20 87 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