Javascript 基于父级缓存复杂jquery选择器&;类型

Javascript 基于父级缓存复杂jquery选择器&;类型,javascript,jquery,performance,Javascript,Jquery,Performance,我正在努力提高jQuery的性能。我在这个网站上找到了一些有帮助的问题/答案,但我正试图更进一步 下面是一个HTML示例,非常简单 <div id="Container"> <div> <div> <input type="text" id="something"> </div> <input type="text" id="other">

我正在努力提高jQuery的性能。我在这个网站上找到了一些有帮助的问题/答案,但我正试图更进一步

下面是一个HTML示例,非常简单

<div id="Container">
    <div>
        <div>
            <input type="text" id="something">
        </div>
        <input type="text" id="other">
    </div>
</div>
目标是提高10+类检查的速度。它们在div“Container”中都是相同的文本框,只是指定了不同的类。如果我这样做,它会起作用:

var myContainer = document.getElementById("Container");
$(".numeric", myContainer).numeric();
$(".numeric", allInputText);
但如果我这样做,它就不起作用了:

var myContainer = document.getElementById("Container");
$(".numeric", myContainer).numeric();
$(".numeric", allInputText);

理想情况下,我希望使用“allInputText”,因为实际上我只在Container div中的输入文本框中查找“.numeric”类。这是在上面缓存的,用于执行change()和bind(),但现在我想对这些类做更多的操作,不同类的操作除外。有没有办法以尽可能最好的缓存性能来实现这一点?

因为您有一组元素,您需要对该集合进行过滤,而不是在该集合中找到您的代码正在执行的操作


尝试
allInputText.filter(“.numeric”)

Ahh filter!这就是我错过的。非常感谢,这缩短了数百毫秒。