2017-03-19 59 views
0

在我的代碼中,當您單擊其中一個編號的Div時,它會提醒附加到該div的班級的名稱。我不確定的是,如何檢測該類別的先前發生次數,例如,如果我單擊了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>

+1

您在H控制TML?這不是孤立的好主意,因爲一個元素可以有多個類;你打算告訴哪一個使用? – Ryan

+0

啊,是的好點。這可能是一個壞主意。 –

回答

0

書面瑞安,這是一個非常不安全的情況下,這將打破應該元素有多個類(也可能是其他的東西太多),但是,對於你的例子一個簡單的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>

相關問題