如何使用 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

開啟 職業生涯

完成課程並獲得認證

開始使用
廣告
© . All rights reserved.