Question

如果我写一个像

这样的简单选择器

$('.button')

点击后，我可以找出＆＃39;索引＆＃39;那个按钮？即它是第一次出现.button，第二，第三？

我知道我可以选择$('.button')[2]的第三个按钮，但我无法弄清楚如何获得该值。

按钮分布在整个页面上，而不是全部在同一个div中。

Answer 1

您可以调用index()方法执行此操作：

$('.button').click(function() {
  var index = $(this).index();
  console.log(index);
});

以上内容将为您提供其兄弟姐妹中元素的索引。如果要获取集合中元素的索引，例如，如果.button元素遍布页面而不是兄弟节点，那么您可以为index()提供一个选择器以匹配当前元素内：

$('.button').click(function() {
  var index = $(this).index('.button');
  console.log(index);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent"><button class="button">click me!</button></div>
<div class="parent"><button class="button">click me!</button></div>
<div class="parent"><button class="button">click me!</button></div>
<div class="parent"><button class="button">click me!</button></div>
<div class="parent"><button class="button">click me!</button></div>

获取点击的jQuery元素的索引号

1 个答案: