jquery - 如何使用 jQuery 找出点击的 div 的数字（第 5、第 11、第 15 等）？

Question

假设我在一个 div 中有 10 个图像。如果我点击第 6 个，我怎样才能得到数字 6 的 int 值（或者图像的顺序是什么）？可能吗？我需要它导航到下一张图片使用.get(currentindex+1)

请不要建议我使用画廊插件或任何东西，我需要这样做^^

一个有用的答案是var currentindex = >something useful<

Answer 1

$("div img").on("click", function (e) {
    console.log($(this).index());
});

http://api.jquery.com/index/

演示。

Answer 2

使用 jQuery，使用.index()

演示：http: //jsfiddle.net/R8Zra/

演示代码：

<div>1</div>
<div>2</div>
<div>3</div>

$('div').click(function(){
   alert($(this).index()+1)
}) 

Answer 3

如果您<div/>包含除<img/>s 之外的其他元素，请确保将'img'选择器传递给index()函数，否则编号将关闭。

$('img').click(function(){
    var currentindex = $(this).index('img');
});

小提琴