javascript - JavaScript を使用してクラス名で要素を取得する方法はありますか?

Question

JavaScriptを使用してクラス名で要素を取得する最良の方法は何ですか?

document.getElementByClassName('myClass') のようなものを使用できますか?

score 5 · Accepted Answer

ええ、「IE8以下を除く最近のすべてのブラウザー」とほぼ書かれてgetElementsByClassName()いるブラウザーサポートリストがあります。

var elements = document.getElementsByClassName('myClass');

また、querySelectorAll()CSS セレクターを使用するものもあります。これは、jQuery が行う方法とほとんど同じです。これは、「IE7以下を除く最近のすべてのブラウザー」とも書かれているブラウザーサポートリストです。

var elements = document.querySelectorAll('.myClass');

score 1 · Accepted Answer

私はjQueryを好みます。それを試してみてください：

var elements = jQuery(".myClass");

これにより、class = "myClass" を持つすべての要素が収集されます。この要素を反復して何かをしたい場合：

jQuery(".myClass").each( function() {
    // Getting element:
    var element = jQuery(this);

    doSomeStuff(element)
});

2 に答える 2