同じクラスの要素が複数ある場合、特定のクラスを対象にしていますか？

Question

私は特定のクラスの内容を取得したいが、同じ名前の複数のクラスを取得したい。例のクラスbox_nagとして取り上げましょう。私がすることによって、その名前の最初のクラスができます。

によって

document.getElementsbyClassName("box_nag")[0].textContent 

そして第二のクラス：しかし、私はこの例では、それも考慮に数字を取る方が良いでしょう

document.getElementsbyClassName("box_nag")[1].textContent 

考える1と2：

H1クラス= "box_nag"

h2 class = "box_nag"

どのようにJavaScriptで行うのですか？

<h1 class="box_nag"><a href="/wydanie/0,20119.html"> 
       Polityka - nr 44 (3083) z dnia 2016-10-26; s. 15-18</a></h1> 
<h2 class="box_nag"><a href="/dzial/polityka,0,356.html">Polityka</a></h2> 

Answer 1

使用document.querySelector()またはdocument.querySelectorAll()とタグ名とクラス名を組み合わせた（fiddle場合には、サービスがダウンしている）：jQueryの中

document.querySelector('h1.box_nag').style.color = 'red'; 
 

 
document.querySelector('h2.box_nag').style.color = 'green';

<h1 class="box_nag">H1</h1> 
 

 
<h2 class="box_nag">H2</h2>

Answer 2

あなたはそれをこれを行うことができますway：

$('h1.box_nag').html(); 
$('h2.box_nag').html(); 

.html（）は、htmlタグを含め、選択した要素の内容を返します。値の代わりに.val（）を使用します。