jQuery：在selector中使用变量

Question

请注意，我不是jQuery大师，只是还在学习。

我有这个looong功能：

$('.client1 > *:first-of-type, .client2 > *:first-of-type, .client3 > *:first-of-type, .client4 > *:first-of-type, .client5 > *:first-of-type').append('<span class="jsi"/>');

它确实有效，是的，但我知道它效率不高且不易扩展，因为每次我必须添加一个新的“客户端”时，我必须将它添加到选择器列表中。

所以我知道我可以使用（a）变量用于> *:first-of-type部分，也许是一个“数组”（我不知道我说的是否正确）{{1部分。

老实说这有点过头了。

这是我尝试的但当然不起作用：

.clientX

发生的事情不仅是我不想重复自己，而且能够更有效地扩展它，因为需要将新客户端添加到函数中。

非常感谢任何帮助。

Answer 1

只需添加一个额外的课程，例如client，您就不再需要这些内容了。

<div class="client client1">..</div>
<div class="client client2">..</div>

因此，您可以选择类client的所有元素。

$('.client > *:first-of-type').each(function() {
    $(this).append('<span class="jsi" />');
});