javascript - 如何使用jQuery选择具有特定字符串开头和结尾的类的元素？

我使用类似的类有几个div

.wrap-1-addon-1

.wrap-2-addon-1

.wrap-3-addon-1

我想选择所有它们，并使用if ( $(this).hasClass() )检查是否其中之一。目前，我只检查一个类(class)。如何检查所有这些，例如.hasClass('wrap-*-addon-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>

关于javascript - 如何使用jQuery选择具有特定字符串开头和结尾的类的元素？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41980650/