javascript - 如何在 jQuery 和 CSS 中使用 * 获取类？

Question

我有很多元素:

<span class="test"></span>
<span class="aaa"></span>
<span class="test-one"></span>
<span class="test-two"></span>
<span class="aaa-one"></span>
<span class="test-two"></span>

我怎样才能通过名称 test* 选择所有跨度？我可以:

$('.test, .test-one, .test-two')

但也许可以用正则表达式得到这个？

$('.test*')

?

在 CSS 中:

 .test, .test-one, .test-two

 .test*

Answer 1

你在滥用类，而是在寻找多个类:

<span class="test"></span>
<span class="aaa"></span>
<span class="test one"></span>
<span class="test two"></span>
<span class="aaa one"></span>
<span class="test two"></span>

现在，$('.one') 将正确返回第 3 个和第 5 个元素，而 $('.test') 将返回除第 2 个元素之外的所有元素和第 5 个。

请注意，您还可以使用 $('.two.test') 获取第 4 和第 6 个元素。