javascript - Mootools 1.2 和 Firefox $$ 选择了太多元素

Question

浏览器必须是firefox

Mootools 版本必须是 1.2.x

1. $$ 选择器仅在 Firefox 中返回太多元素

http://jsfiddle.net/e77Xp/4/

HTML

<div class="only_trucks diagramz" id="diatruck">
    <div class="lf">lf</div>
    <div class="rf">rf</div>
    <div class="la">la</div>
    <div class="ra">ra</div>
    <div class="lrfo">lrfo</div>
    <div class="rrfo">rrfo</div>
    <div class="lrfi">lrfi</div>
    <div class="rrfi">rrfi</div>
    <div class="lrro">lrro</div>
    <div class="rrro">rrro</div>
    <div class="lrri">lrri</div>
    <div class="rrri">rrri</div>
</div>

JS

selected = $$('.rf');
alert(selected.length);
console.log(selected);

这应该只返回 1 个结果，但返回多个结果。它似乎与其中包含“rf”的其他类相匹配。

除了更新到最新版本的 mootools 或更改类名之外，是否有人对此有很好的解决方法？

Answer 1

它是一个错误，但可以修复（感谢这个答案）。将此代码添加到您的 JavaScript。

String.prototype.contains = function(string, separator){
    return (separator) ? (separator + this + separator).indexOf(separator + string + separator) > -1 : String(this).indexOf(string) > -1;
};

这是一个固定的演示