jQuery 获取元素内部文本 - JavaScript

在使用 jQuery 时，经常需要获取 HTML 元素内部的文本内容。本文将介绍如何使用 jQuery 来获取元素的内部文本，并提供一些示例代码来帮助你更好地理解。

使用 text() 方法获取元素内部文本

jQuery 提供了 text() 方法来获取元素内部的纯文本内容。该方法会返回指定元素的文本内容，不包括任何 HTML 标记。

以下是使用 text() 方法获取元素内部文本的示例代码：

// HTML
<div id="example">Hello, World!</div>

// JavaScript
var innerText = $('#example').text();
console.log(innerText);  // Output: Hello, World!

在上面的示例中，通过 $('#example') 选择器选中了 id 为 "example" 的 <div> 元素，并使用 text() 方法获取了该元素的内部文本内容，然后通过 console.log() 输出到控制台。

遍历多个元素获取内部文本

如果你需要处理多个元素，并分别获取它们的内部文本内容，可以使用 jQuery 的遍历方法来实现。

以下是一个遍历多个元素获取内部文本的示例代码：

// HTML
<div class="example">Item 1</div>
<div class="example">Item 2</div>
<div class="example">Item 3</div>

// JavaScript
$('.example').each(function(index, element) {
    var innerText = $(this).text();
    console.log(innerText);  // Output: Item 1, Item 2, Item 3
});

在上面的示例中，通过 $('.example') 选择器选中了 class 为 "example" 的所有 <div> 元素。然后使用 .each() 方法对每个元素进行遍历，通过 $(this) 获取每个元素，并使用 text() 方法获取内部文本内容。

总结

使用 jQuery 的 text() 方法可以方便地获取元素的内部文本内容。无论是获取单个还是多个元素，都可以通过该方法快速实现。希望本文对你的开发有所帮助！

For more information, you can refer to the jQuery documentation on text().