缩短jquery代码

Question

我想把同样的功能应用于不同的类。有办法缩短这段代码吗？

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

Answer 1

您可以使用多个选择器(“selector1，selector2，selectorN”)

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

多选择器

您可以指定任意数量的选择器来组合成一个结果。这个多表达式组合器是选择不同元素的有效方法。返回的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

您可以像下面这样使用属性以选择器开始。。

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