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

Question

我想要一个函数来初始化我所有的 javascript/jquery 控件(日期选择器、 slider ...)。
这主要是通过使用类属性来标识要在哪个元素上初始化控件来完成的。
目前，我正在使用 jQuery 选择器来获取元素。

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

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

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

希望我说得足够清楚。

Answer 1

希望对您有所帮助。我建议的方法是将一个类应用于您想要初始化的每个项目，比如说“initializeMe”，然后为日期选择器等设置特定的类。

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