共有クラスを持つすべてのノードに影響を与えます

Question

私は複数のクラスを持つdivを持つページを持っています。

<div class='publication parent20'></div> 
<div class='publication parent12 parent42 parent91'></div> 
<div class='publication parent20'></div> 
<div class='publication parent32 parent23'></div> 

私は誰にも負けない出版クラスを持つすべてのdiv要素の彼らのスタイルを設定し、変数として渡されたクラスを取る機能を必要とし、その後、指定されたクラスでタグを設定します。

function swap_pub(pub){ 
    document.getElementById("publication").style.display = "none"; 
    //set style.display = "block" to all elements with class = pub 

} 

どのように私がこれを行うかについての考え。

Answer 1

querySelectorAllはもう少し広くサポートgetElementsByClassNameよりなるもあります。

function setDisplay(className, display) { 
    var items = document.querySelectorAll('.' + className); 
    var i = items.length; 
    while (i--) { 
     items[i].style.display = display; 
    } 
} 

Answer 2

使用getElementsByClassName()^MDN

var pubs = document.getElementsByClassName('publication'); // a NodeList 

for (var i = 0; i < pubs.length; i++) { 
    pubs[i].style.display = 'block'; 
} 

これは、jQueryのを使用してどのように見えるかです：

$('.publication').show(); // concise