2

ページ上でクリックされたクラスの発生/位置を見つけようとしています。

HTML:

<div class="myclass"></div> <!-- OCCURENCE #1 -->
<div class="myclass"></div> <!-- OCCURENCE #2 -->
<div class="myclass"></div> <!-- OCCURENCE #3 -->
<div class="myclass"></div> <!-- OCCURENCE #4 -->
<div class="myclass"></div> <!-- OCCURENCE #5 -->
<div class="myclass"></div> <!-- OCCURENCE #6 -->

jQuery:

$('.myclass').click(function(event) {


    //OUTPUT 'This class is the X one on the page'

});

たとえば、クラス オカレンス #3 をクリックすると、このクラスがページの 3 番目のクラスであることがわかります。data-id や id タグなどの他の情報を追加したくありません。jQueryを使用してそれを行うにはどうすればよいですか? .length を使用してクラスが見つかった合計時間を取得できることは知っていますが、それだけです。

4

1 に答える 1

8

使用する必要があります.index()：

$(".myclass").click(function(e) {
    var index = $(".myclass").index(this) + 1;
});

デモ: http://jsfiddle.net/gdcQv/

于 2013-04-26T13:07:47.660 に答える