Question

如何选择ID以“row_”开头的所有元素，例如“row_223425”和“row_at264”等？

我最终要做的是为此结构中的每个偶数.productWrapper div提供背景颜色：

<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 div：even和：odd pseudoclasses，以及#container：nth-child（n + 1）。

备注：我并不关心是否选择了“row_”div或.productWrapper div，因为当涉及到设计和外观时，就最终用户而言，它们是一样的。< / p>

所以我的下一次尝试是尝试：even和：'row_“div上的nth-child（）变体，但我需要知道如何在mootools中使用通配符。

有什么想法吗？

Answer 1

您可以在mootools中使用“startsWith”选择器：

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

这将选择div属性以“row_”开头的所有id元素。如果要选择id以“row_”开头且不仅仅是div元素的所有元素，请使用以下内容：

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

查看工作示例here

Mootools通配符选择器

1 个答案: