javascript - 如何使用 jquery 选择具有以特定字符串开始和结束的类的元素？

Question

我有几个 div 使用类似的类

• .wrap-1-addon-1
• .wrap-2-addon-1
• .wrap-3-addon-1

我想选择所有这些并使用 if ( $(this).hasClass() ) 来检查它是否是其中之一。目前我只检查一个类(class)。我如何检查所有这些，例如 .hasClass('wrap-*-addon-1')？

最好的问候。

Answer 1

您可以组合两个 jquery Attribute Starts With Selector [name^=”value”]和 Attribute Ends With Selector [name$=”value”]做这项工作。

$('div[class^="wrap-"][class$="-addon-1"]')

$('div[class^="wrap-"][class$="-addon-1"]').css("color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrap-1-addon-1">wrap-1-addon-1</div>
<div class="wrap-2-addon-1">wrap-2-addon-1</div>
<div class="wrap-3-addon-1">wrap-3-addon-1</div>
<div class="wrap-3-addon-2">wrap-3-addon-2</div>