如何使用 jQuery 访问带有第 n 个索引的元素？

要从 HTML 页面访问带第 n 个索引的元素，请使用 jQuery 的 eq() 方法。该方法用于访问 jQuery 中元素的索引。eq() 方法参考元素的位置。

示例

你可以尝试运行以下代码，以使用 jQuery 访问带第 n 个索引的元素。此处考虑元素的第 2 个索引

现场演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $('ul li').eq(2).css({'background-color':'#E6B16A'});});
</script>
</head>
<body>

<ul>
  <li>India</li>
  <li>US</li>
  <li>UK</li>
  <li>Australia</li>
</ul>

</body>
</html>

更新时间： 2019 年 12 月 9 日

浏览量已过 1,000

开启 职业生涯

完成课程并获得认证

开始使用
广告