javascript 在函数调用中传递类索引

Question

大家好，我需要知道如何在调用函数时将类索引传递给函数。

假设我有 3 个输入标签，如下所示:

<input type="text" placeholder="email" class="PIC" 
onchange="val(this.getAttribute('class'), **index0**)" />
<input type="text" placeholder="email" class="PIC" 
onchange="val(this.getAttribute('class'), **index1**)" />
<input type="text" placeholder="email" class="PIC" 
onchange="val(this.getAttribute('class'), **index2**)" />

现在我想做的就是就像我传入类名一样，我想传入调用函数的类索引。 index0 应传入 0 index1 1 应传入 1 等等...

假设函数 val 是这样的:

function val(className, Index) {
  alert('class is ' + className + ' and the index is: ' + index);
}

Answer 1

您想要在 JavaScript 中添加事件监听器。我将其保留为 change 事件，尽管您可能会发现 input 事件更适合。

我还添加了一个 val 函数来记录信息，因为没有提供该信息。

document.querySelectorAll('.PIC').forEach(function(ele, index) {
      ele.addEventListener("change", function(e) {
        let myClass = ele.getAttribute('class')
        val(myClass, index);
      });
    });

function val(eleClass, eleIndex) {
console.log(eleClass, eleIndex);
}

<input type="text" placeholder="email" class="PIC" />
<input type="text" placeholder="email" class="PIC" />
<input type="text" placeholder="email" class="PIC" />