Jquery index()方法 获取相应元素索引值

在jQuery中，`index()` 方法用于获取某个元素相对于其兄弟元素的索引值，或者相对于选择器匹配的元素集合中的索引值。这里给出两种使用场景的基本示例：

### 1. 获取元素相对于其兄弟元素的索引

假设你有一个`

`列表，并且你想获取某个`
• `元素在其兄弟`
• `元素中的索引值：

  HTML 示例：

  
  <ul>
    <li>Item 1</li>
    <li id="target">Item 2</li>
    <li>Item 3</li>
  </ul>
  

  jQuery 代码：

  
  var index = $('#target').index();
  console.log(index); // 输出: 1
  

  这里，`#target`元素是第二个`

• `元素（索引从0开始），所以输出为1。

  ### 2. 获取元素在jQuery对象集合中的索引

  如果你有一个jQuery对象集合，并想获取某个元素在这个集合中的索引值，可以这样做：

  HTML 示例：

  
  <div>Div 1</div>
  <div id="target">Div 2</div>
  <div>Div 3</div>
  

  jQuery 代码：

  
  var $divs = $('div');
  var index = $divs.index($('#target'));
  console.log(index); // 输出: 1
  

  这里，`$('#target')`是第二个`

  `元素（索引从0开始），所以在`$divs`集合中的索引值为1。

  注意：如果传递给`.index()`方法的参数不匹配集合中的任何元素，那么该方法将返回-1。