如何在jQuery中获取当前选择器的索引值

Question

我在正文

中有这样的HTML代码段

<div class="screen"></div>
<div class="screen"></div>

现在，我应该如何获得每个元素的索引号？

$(".screen").click(function(){
  // get this element's index() number
})

我尝试$(this).index()，但它返回-1。

Answer 1

.index()文档

$(this).index();

Answer 2

Demo

试试这个..

$(".screen").click(function(){
      // get this element's index() number
        alert($(this).index())
    })

Answer 3

这将有效，

$(".screen").click(function(){
 // get this element's index() number
 alert($(this).index())
});

Answer 4

$(".screen").click(function(){
      // get this element's index() number
       alert('Index: ' + $('div').index(this));
    })

<强> FIDDLE DEMO

Answer 5

尝试third variant of .index()

var $screens = $(".screen").click(function(){
  // get this element's index() number
    alert($screens.index(this))
})

演示：Fiddle