How to get innerHTML for a specific html element through its class in jQuery?

Question

I have an HTML code:

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

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

How can I access html value 1and html value 2using jquery?

+5

Ebinpaulose Jul 26 '12 at 9:43

4 answers

Separately:

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

Using a loop:

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

Using .html()

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

Using .text()

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

+6

thecodeparadox Jul 26 '12 at 9:48

Based only on the class, as he asked:

$('.a').each(function() {
    console.log($(this).html());
});

0

MrUpsidown Jul 26 '12 at 9:53

Try the following:

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

0

undefined Jul 26 '12 at 9:58

adeneo · Accepted Answer · 2012-07-26T09:55:45+0000

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