2011-05-02 18 views
0

我有以下HTML:發現順序與.EQ

<div id="MyDiv"> 

    <div class="MyClass">test1</div> 
    <div class="MyClass">test2</div> 
    <div class="MyClass">test3</div> 
    <div class="MyClass">test4</div> 

</div> 

當我點擊一個MyClass的元素,我需要在TheIndex

返回元素的順序
$('.MyClass').click (function(){ 
var TheIndex = ? 
alert(TheIndex); 
}); 

例如,如果用戶點擊test2,則需要返回2,因爲它是第二個元素。

感謝您的建議。

回答

3

你可以使用:

$('.MyClass').click(
    function(){ 
     alert($(this).index()); 
    }); 

JS Fiddle。考慮到JavaScript使用從零開始的數組,因此單擊'test2'將提醒'1'的值而不是'2'。要修改這一點,你可以簡單地用數值加1:

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

JS Fiddle


參考:

+0

index()+ 1易於人類閱讀。 – ppumkin 2011-05-02 15:58:50

+0

@ppumkin,已經在編輯,但謝謝:) – 2011-05-02 15:59:16