jquery - 如何使用 JQuery 以简单的方式选择多个类？

Question

我为 7 个 div 创建了 7 个类，我想用简短的代码轻松选择它们

HTML 代码:

<div height="38" width="38" class="icon1"></div>
<div height="38" width="38" class="icon2"></div>
<div height="38" width="38" class="icon3"></div>
<div height="38" width="38" class="icon4"></div>
<div height="38" width="38" class="icon5"></div>
<div height="38" width="38" class="icon6"></div>
<div height="38" width="38" class="icon7"></div>

在 jQuery 中

$("[select all classes]").click(function(){
   //$(this) do something
})

编辑:

请不要这样回答我

$('.icon1, .icon2, .icon3, .icon4, .icon5, .icon6, .icon7').click(function() {

})

因为我有 25 个图标，我想做一些事情，但这不是一个好的代码

如何轻松选择它们？

Answer 1

您可以选择类名以 icon 开头的所有元素:

var icon = $("[class^=icon]");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div height="38" width="38" class="icon1"></div>
<div height="38" width="38" class="icon2"></div>
<div height="38" width="38" class="icon3"></div>
<div height="38" width="38" class="icon4"></div>
<div height="38" width="38" class="icon5"></div>
<div height="38" width="38" class="icon6"></div>
<div height="38" width="38" class="icon7"></div>

引用文献:

Attribute Starts With Selector [name^=”value”]