クラスのすべての要素を非表示にするにはどうすればよいですか？

Question

私はこの機能が見つかりました：

document.getElementsByClassName = function(c){ 
    for(var i=0,a=[],o;o=document.body.getElementsByTagName('*')[i++];){ 
     if(RegExp('\\b'+c+'\\b','gi').test(o.className)){ 
      a.push(o); 
     } 
    } 

    return a; 
} 

私はクラスですべての要素を非表示にすることができますどのように？

は、私が試した：

var array = document.getElementsByClassName("hide"); 

for(var i = 0; i < array.length; i++) 
{ 
    $(array[i]).hide(); 
} 

しかし、私はエラーを得た：

Could not convert JavaScript argument arg 0 [nsIDOMWindow.getComputedStyle] 

Answer 1

の操作を行います。あなたはjQueryのを使用していることを考えると、

var array = document.getElementsByClassName("hide"); 

for(var i = 0; i < array.length; i++) 
{ 
    array[i].style.display = 'none'; 
    array[i].onclick = function(){ 
     // do stuff 
    }; 
    /* or: 
    array[i].addEventListener('click',functionToCall); 
    */ 
} 

をしかし、私はなぜ理解していませんあなた自身のために物事を複雑にしている、ちょうど使用：

$('.hide').hide(); 

をさらに上記、与えられたあなたのコメントに：

Because I must add event "click" for each element.

単に使用：あなたは非表示、および同じ要素にクリックイベントをバインドしたいと仮定すると、

$(elementSelector).click(
    function(){ 
     // do stuff 
    }); 

：

$('.hide').hide().click(
    function(){ 
     // do stuff 
    }); 

Answer 2

jQueryのCSSセレクタを離れ手作りループや正規表現の必要性とやって、使用することができます。クラスfooeyを持つ要素を非表示にするには、ちょうどあなたがバニラはJavaScriptを使用している場合は、その後、

$('.fooey').hide(); 

Answer 3

あなたがgetElementsByClassNameから何を得るが配列されていませんが、 a NodeListです。したがって、ループしようとするとエラーが発生します。

のNodeListを超えるしかし、あなたがすることができ、まだループ、以下のものを使用して：（「クラス名」）

var nodeList = document.getElementsByClassName("hide"); 
for(var x in nodeList){}