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

Posted 2023-05-07

【中文标题】如何通过jQuery中的类获取特定html元素的innerHTML？

【英文标题】：How to get innerHTML for a particular html element through its class in jQuery?

【发布时间】：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？

【问题讨论】：

代码像什么？给出一个正确的代码示例，否则将很难理解您的实际意思。

我是堆栈溢出的新手。这就是为什么会发生这样的错误

【参考方案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