如何用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>

参考文献:

属性从选择器开始[name ^ ="value"]