jquery - jQueryのクラスを介して特定のhtml要素のinnerHTMLを取得する方法は?

Question

次のような HTML コードがあります。

<div class="a">html value 1</div>

<div class="a">html value 2</div>

jqueryにアクセスhtml value 1して使用するにはどうすればよいですか?html value 2

Answer 1

別々に：

$('div.a:eq(0)').html(); // $('div.a:eq(0)').text();
$('div.a:eq(1)').html(); // $('div.a:eq(1)').text();

ループの使用:

$('div.a').each(function() {
   console.log( $(this).html() ); //or $(this).text();
});

使用する.html()

​$('div.a').html(function(i, oldHtml) {
  console.log( oldHtml )
})​​;

デモ

使用する.text()

$('div.a').text(function(i, oldtext) {
  console.log( oldtext )
})​;

デモ

Answer 2

$('.a')[0].innerHTML;
$('.a')[1].innerHTML;

フィドル

Answer 3

これを試して：

var a = document.getElementsByClassName('a');
for (var i = 0; i < a.length; i++) {
    alert(a[i].innerHTML)
}

デモ