jquery - 如何通过jQuery中的类获取特定html元素的innerHTML？

Question

我有这样的 HTML 代码：

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

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

如何访问html value 1和html value 2使用 jquery？

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)
}

演示