jquery获取元素索引值index()示例



// 假设我们有一个列表项 <ul> 元素,其中包含多个 <li> 子元素
// 我们想要获取点击的 <li> 元素在其父 <ul> 中的索引值

// HTML 结构示例
// <ul id="myList">
//   <li>Item 1</li>
//   <li>Item 2</li>
//   <li>Item 3</li>
//   <!-- 更多列表项 -->
// </ul>

// jQuery 代码示例
$(document).ready(function(){
  $("#myList li").click(function(){
    // 使用 index() 方法获取当前点击的 <li> 元素在其父元素中的索引值
    var index = $(this).index();
    alert("点击的列表项索引值为: " + index);
  });
});

上面的代码展示了如何使用 jQuery 的 `index()` 方法来获取一个元素在其同级元素中的索引值。在这个例子中,当用户点击任何一个 `

  • ` 元素时,会弹出一个警告框显示该元素在其父 `
      ` 元素中的索引值。注意,索引值是从 0 开始的。