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

【问题标题】：How to get innerHTML for a particular html element through its class in jQuery?如何通过jQuery中的类获取特定html元素的innerHTML？
【发布时间】：2012-07-24 21:08:13
【问题描述】：

我有这样的 HTML 代码：

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

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

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

【问题讨论】：

代码像什么？给出一个正确的代码示例，否则将很难理解您的实际意思。
我是堆栈溢出的新手。这就是为什么会发生这样的错误

标签： jquery html innerhtml

【解决方案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 )
});

DEMO

使用.text()

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

DEMO

【讨论】：

【解决方案2】：

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

FIDDLE

【讨论】：

我想知道他什么时候想使用这种方法，那他为什么不只使用 Javascript

【解决方案3】：

试试这个：

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

demo

【讨论】：