我有多个类(品牌和颜色)类似的div:由多个类之一查找重复
<div id="pad">
<div class="bmw white"> </div>
<div class="porsche yellow"> </div>
<div class="porsche red"> </div>
<div class="bmw white"> </div>
<div class="bmw blue"> </div>
<div class="bmw white"> </div>
</div>
<div id="same"></div>
当我需要知道我有多少重复的品牌在#pad我用这个代码:
function sameCars() {
var elems = $("#pad div").length;
var brands = ['bmw', 'porsche'];
for (var i=0; i<brands.length; i++) {
var k = 0;
for (var j=0; j<elems; j++) {
var mainDiv = document.getElementById('pad'),
childDiv = mainDiv.getElementsByTagName('div')[j];
if(childDiv.className.split(' ')[0] == brands[i]) {
k = k+1;
}
}
addiv = document.getElementById("same");
addiv.innerHTML += brands[i] + ": " + k;
}
}
现在,我想在我的代码更改:
1)找到的所有类副本(可能有多个类,第一种是BR第二个是颜色等)如宝马:4,保时捷:2,白色:3,黑色:3,轿车:2,轿跑车:3
2)不使用品牌,颜色列表等等。我不想列出所有可能的颜色或汽车品牌的长列表。刚刚得到的类名
3)色彩让我的代码更短,更优雅
你究竟想要什么? –
1)和2)。 3)没有必要 –
你想摆脱创建这样的汽车阵列? –