jquery - 在数组中使用id计算div？

Question

不确定如何使用jquery执行此操作，但我正在尝试返回具有特定类的div数量...

<div id="main">
<div class="contact">Data</div>
<div class="margin">Margin</div>
<div class="contact">Data</div>
<div class="break">Break</div>
<div class="break">Breaker</div>
<div class="nap">Nap</div>
</div>

并且，我希望返回一个div类别，其中包含一类联系，休息和午睡，以便计数返回：5 ...实际上，将会有大约30个类，我宁愿不必须为每一个写出一个if语句...所以，希望有一种方法可以构建一个数组并检查该类是否在数组中？

Answer 1

var count = $("div.contact, div.break, div.nap", "#main").length;

正如评论中所述，如果您需要这是基于数组：

var classes = ["div.contact", "div.break", "div.nap"];
var count   = $(classes.join(", "), "#main").length;

Answer 2

如果使用数组很重要：

var classes = ['contact', 'break', 'nap'];
//...
var count = 0;
$.each(classes, function(i, c) { count += $('div.' + c, '#main').length; });
alert(count);

Answer 3