如何在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

演示

试试这个。。

$(".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演示

Answer 5

尝试.index（）的第三个变体

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

演示：Fiddle