jquery - 选择器的性能

Question

我正在尝试选择一个满足特定条件的元素。现在我正在这样做:

$('[' + attr + '="' + name + '"]', el).filter('[type!="hidden"]').get(idx);

速度慢得要命(Opera 中为 1400 毫秒，Chrome 中约为 120 毫秒)

在此之前我有:

$('[' + attr + '="' + name + '"][type!="hidden"]', el).get(idx);

在 Opera 中大约需要 5-6 秒。

(具有此代码的函数在一个页面中被调用大约 250-400 次)

无论如何，它仍然很慢，因为我做了很多选择，并且在 Opera 中总加载仍然可能超过 2 秒，具体取决于页面内容。

你认为我可以稍微改进一下查询吗？

ps:“attr”具有name值(name属性)，我只是将其作为变量来测试其他属性是否更快

Answer 1

如果您能够在后端修改标记本身，请向每个元素添加一个公共(public)类。然后你可以简单地按类别选择，速度要快得多。

此外，如果您的页面很大，但这些输入仅位于屏幕的一部分，请使用通用父级来缩小范围。 $("#parent <otherselector>")