Question

在Jquery中，我想比较一个h3和一个div的类。但是，我有很多这些，我不能通过并进行大小写切换，因为将来可能会添加更多这些。这是一个例子：

<h3 class="one">One</h3>
<h3 class="two">Two</h3>
<h3 class="three">Three</h3>
<div class="one">One</div>
<div class="two">Two</div>
<div class="three">Three</div>

单击h3时，div将切换显示/隐藏。但是，正如我所说，有很多这些。在Jquery有什么方法可以说

if h3[class] = div[class] {
       //do something
}

无需说明每个类比较的情况？也许是一个变量或什么？

Answer 1

鉴于h3和div是DOM节点，每个只有一个类

if (h3.className === div.className) {
    /* runs if both h3 and div have the same class attribute value.
}

对于多个班级，我建议您使用ES5和班级列表

if (Array.prototype.every.call(h3.classList, function(v) {
        return div.classList.contains(v);
    })
) {
    /* runs if both h3 and div share the same classes */
}

.classList，Array.prototype.every，ES5-shim

比较项目类以执行函数（变量变量？）

1 个答案: