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

Question

我使用类似的几个div

• .wrap -1-插件-1
• .wrap -2-插件-1
• .wrap -3-插件-1

我想选择所有这些并if ( $(this).hasClass() )用来检查它们中的一个.目前我只检查一个班级.例如,我如何检查所有这些.hasClass('wrap-*-addon-1')？

最好的祝福.

Answer 1

您可以将两个jquery 属性启动与选择器[name^=”value”]和带有选择器的属性结束[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>

Answer 2

您可以使用带有选择器的开头：

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

JsFiddle 演示