jQuery使用循环而不是硬编码

时间:2013-10-17 13:35:01

标签: jquery wordpress loops

我在wp网站上有以下声明,可以在我的标签上激活我的画廊:

jQuery("ul.tabs a").click(function(){ 
  jQuery('#DOPNextGENThumbnailGallery1').DOPNextGENThumbnailGallery();
});

我为我使用的每个#DOPNextGENThumbnailGallery执行此操作(因此#DOPNextGENThumbnailGallery1, #DOPNextGENThumbnailGallery2, etc)。我想循环而不是硬编码。如何点击#DOPNextGENThumbnailGallery *?

任何帮助都会非常感激

2 个答案:

答案 0 :(得分:2)

使用以id语法开头的属性会影响性能。 相反,将相同的类应用于所有 - 比如myCommonClass,然后执行类似

的操作
jQuery("ul.tabs a").click(function(){ 
$(".myCommonClass").DOPNextGENThumbnailGallery();
});

为什么ID的性能不好从选择器开始? -

  1. 它会对属性 - 'id'执行检查。
  2. 如果使用$("id^...")
  3. ,则与DOM中的每个元素进行字符串比较

答案 1 :(得分:1)

 jQuery("[id^='DOPNextGENThumbnailGallery']").DOPNextGENThumbnailGallery();

http://api.jquery.com/attribute-starts-with-selector/