javascript - 只搜索一次DOM初始化多个js控件

Question

我想要一个初始化我所有 javascript/jquery 控件（日期选择器、滑块......）的函数。
这主要是使用类属性来确定在哪个元素上初始化控件。
目前，我正在使用 jQuery 选择器来获取元素。

如果我理解正确，每次我使用选择器时，我都会搜索整个页面。因此，如果我有 10 个控件和每个控件类型的一个选择器，我将搜索整个页面 10 次。

有没有办法只搜索一次页面？

这个想法是拥有一组 css 类名和相应的初始化方法来调用。只浏览一次页面，如果我找到相应的类，则在每个元素上调用初始化。

希望我说得足够清楚。

Answer 1

希望这可以帮助。我建议的方法是将一个类应用于您想要初始化的每个项目，比如说“initializeMe”，然后为 datepicker 等设置特定的类。

$(function(){
 $(".initializeMe").each(function(){
  if($(this).hasClass("className")){
     // lets say the class name is datepicker and you initialize datepicker here.
  }
 });
});

Answer 2

您能否为这些元素中的每一个赋予相同的类并使用 .each() 方法？

例如：

    $('.canInitialize').each(function(){
        Initialize($(this));
    });

我不知道这是否会阻止每次 DOM 搜索。