我该如何简化这个jquery？

Question

我有以下jquery,我想简化.

我只是在重复同样的事情.

有人可以给我建议吗.

提前致谢.

$("a[rel='imagebox-all']").colorbox({slideshow:true});
$("a[rel='imagebox-new']").colorbox({slideshow:true});
$("a[rel='imagebox-even']").colorbox({slideshow:true});
$("a[rel='imagebox-amina']").colorbox({slideshow:true});
$("a[rel='imagebox-cumulus']").colorbox({slideshow:true});
$("a[rel='imagebox-wee']").colorbox({slideshow:true});
$("a[rel='imagebox-four']").colorbox({slideshow:true});
$("a[rel='imagebox-teen']").colorbox({slideshow:true});

Answer 1

假设imagebox-*您没有其他值要排除:

$("a[rel^='imagebox-']").colorbox({slideshow:true});

话虽这么说,通常最好避免使用属性选择器,并且通常最好不要重构问题以提供更好的解决方案.就像你可以使用类:

<a href="..." class="imagebox teen"> ...

注意空格:分配了两个类.所以你可以这样做:

$("a.imagebox")...

对于他们所有人.要么:

$("a.imagebox.teen")...

只为其中一个.

还记得你可以用逗号添加多个选择器:

$("a.class1, a.class2")...

将你正在做的事情应用于class1 OR class2的锚点:

$("a.class1.class2")...

它适用于你正在做的任何有关class1和class2的锚点.