特定の出現の前にクラスが何回出現したかを数えます。

Question

私のコードでは、番号のついたDivsの1つをクリックするとdivに接続されたクラスの名前が通知されます。私が確信しているのは、そのクラスの前回の発生数をどのように検出できるのかです。たとえば、2をクリックすると、それが2回目の発生であると警告するmyClass(1)が表示されます。 （0が最初になると仮定します）

これはプレーンなバニラのJavascriptが必要です。

function counter(itemClicked) { 
 
    var theClass = itemClicked.className; 
 
    alert(theClass); 
 
}

<div class="myClass" onclick="counter(this)">1</div> 
 
<div class="myClass" onclick="counter(this)">2</div> 
 
<div class="myClass" onclick="counter(this)">3</div>

Answer 1

ライアンが書いたように、これは要素はあなたの例簡単なのindexOfのために、しかし、（あまりにも他のもののための可能性と）複数のクラスを持っている必要があります破る非常に安全性の低いシナリオです動作します：

function counter(el) { 
 
    let index = Array.from(document.getElementsByClassName(el.className)).indexOf(el); 
 
    alert(++index); 
 
}

<div class="myClass" onclick="counter(this)">1</div> 
 
<div class="myClass" onclick="counter(this)">2</div> 
 
<div class="myClass" onclick="counter(this)">3</div>