如何使用 jQuery 获取第三个 li 元素

如果你正在使用 jQuery，那么获取页面中指定的元素就变得十分容易。下面我们就来介绍如何使用 jQuery 获取页面中的第三个 li 元素。

1. 添加 jQuery 库文件

在使用 jQuery 之前，你需要在你的网页中引入 jQuery 库文件。可以在 html 文件中添加以下代码：

<!-- 引入 jQuery 库文件 -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

2. 获取第三个 li 元素

// 获取第三个 li 元素
var third_li = $('ul li:eq(2)');

// 输出 li 元素文本
console.log(third_li.text());

在上述代码中，我们使用了 jQuery 的选择器 $，指定了要选择的元素。$('ul li:eq(2)') 选择了第三个 li 元素，并将其赋值给 third_li 变量。eq 函数是 jQuery 中用于获取指定位置的元素，从 0 开始计数。因此，eq(2) 获取的就是页面中的第三个 li 元素。

3. 小结

本文介绍了如何使用 jQuery 获取页面中的第三个 li 元素。jQuery 容易上手，但也需要注意一些细节。如果你对 jQuery 还不太熟悉，可以查看这份文档：jQuery 基础教程。