如何获得点击按钮的类（索引）序列号

Question

我需要帮助！

HTML

<input type="button" onclick="myFunction()" class="myButton" value="Button1"> 
<input type="button" onclick="myFunction()" class="myButton" value="Button2"> 
<input type="button" onclick="myFunction()" class="myButton" value="Button3"> 
<input type="button" onclick="myFunction()" class="myButton" value="Button4"> 

Answer 1

尝试此

var array = document.getElementById('wrapperDiv'); 
 

 
for (var i = 0, len = array.children.length; i < len; i++) { 
 

 
    (function(index) { 
 
    array.children[i].onclick = function() { 
 
     document.getElementById("indexOfEl").innerText = index; 
 
    } 
 
    })(i); 
 

 
}

<div id='wrapperDiv'> 
 
    <input type="button" onclick="handleClick()" class="myButton" value="Button1"> 
 
    <input type="button" onclick="handleClick()" class="myButton" value="Button2"> 
 
    <input type="button" onclick="handleClick()" class="myButton" value="Button3"> 
 
    <input type="button" onclick="handleClick()" class="myButton" value="Button4"> 
 
</div> 
 
<p>Element index is: <span id="indexOfEl"></span></p>