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

Posted 2021-04-12

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

假设我有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);
}

答案

您想在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" />

另一答案

你可以这样做：

    document.querySelectorAll(".PIC").forEach(function(input, index){
        input.onchange = val(input.getAttribute('class'), index);
    })  

以上是关于javascript在函数调用上传递类索引的主要内容，如果未能解决你的问题，请参考以下文章

Vaadin 12将对象传递给JavaScript的函数：不能编码类

如何让片段中的多个视图调用片段类中声明的相同 onClick 函数？

如何在struts 2中将迭代器索引值传递给Javascript？

python 怎么把一个类传递给JAVA，然后Java调用python类的回调函数

javascript UV Index Monitor App订阅PubNub并显示UV索引值。博文的代码片段。在这里查看项目：https：// githu

Javascript 的 arguments 参 数