缩短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

  

您可以指定任意数量的选择器组合成一个   结果。这种多表达组合子是一种有效的方法   选择不同的元素。中的DOM元素的顺序   返回的jQuery对象可能不一样，因为它们将在   文件订单。这个组合子的替代方法是.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>");