Question

我有以下HTML ...

<div class="display">sometext</div>
<div class="display">sometext</div>
<div class="display">sometext</div>

使用jQuery我希望能够点击第一个div并显示一条警告，说明您已点击第一个div，依此类推。我知道如何计算具有特定类的div的数量，但不知道如何判断单击哪一个。

Answer 1

在幕后，.index()也会遍历所有先前的元素。当元素有很多兄弟姐妹时，以下替代方法比.index()更有效。

$(".display").each(function(i){
    $(this).click(function(){
        alert("Clicked div.display, number " + i);
    }
});

Answer 2

我不确定'第一'这样，但你可以尝试：

$('.display').click(
    function(){
        alert("You clicked div number: " + ($(this).index('.display') + 1) + ", of " + $('.display').length);
    });

JS Fiddle

参考文献：

.index()。

Answer 3

这是一个简单的方法。

$divs = $('.display'); 
$divs.click(function(){
     alert( $divs.index($(this)) ); 
})

Fiddle继续使用它。

Answer 4

答案很简单，并由this jsfiddle证实：

var containers = jQuery('.display');
containers.bind('click', function(event){
    alert('Clicked element no. ' + (containers.index(this)+1));
});

如果有帮助，请告诉我。

Answer 5

你可以这样做：

<强> HTML

<div class="display" name="1">sometext</div>
<div class="display" name="2">sometext</div>
<div class="display" name="3">sometext</div>

<强>的JavaScript

$('.display').click(function(){
    alert($(this).attr('name'));
});

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

Answer 6

为什么要使用jQuery？您可以编写一个简单的javascript，由div点击触发。

jQuery - 显示div的出现次数

6 个答案: