縮短jquery代碼

Question

我想對不同的類應用相同的功能。有沒有辦法縮短這段代碼？

jQuery('.class1').after("<p>text</p>"); 
jQuery('.class2').after("<p>text</p>"); 
jQuery('.class3').after("<p>text</p>"); 

Answer 1

您可以使用Multiple Selector (「selector1, selector2, selectorN」)

jQuery('.class1, .class2, .class3').after("<p>text</p>"); 

Multiple Selector

您可以指定任意數量的選擇的結合成一個單一的 結果。這個多重表達組合子是一種有效的方式來選擇不同的元素。 返回的jQuery對象中的DOM元素的順序可能不完全相同，因爲它們將在 文檔中排序。該組合器的替代方法是.add（） 方法。

Answer 2

for(var i = 1; i <= 3; i++) 
jQuery('.class' + i).after("<p>text</p>"); 

或：

jQuery('.class1,.class2,.class3').after("<p>text</p>"); 

Answer 3

可以使用attribute starts with selector像以下。

jQuery('[class^="class"]').after("<p>text</p>");