javascript - 无法按 ClassName 定位输入字段

Question

我试图用我的 jquery/javascript 代码按类名定位每个输入字段，但它不起作用。它只能通过 ID 定位来工作。但我有许多具有不同 ID 的输入字段，因此通过 ID 定位每个字段会变得重复。如何让我的代码正常工作，以便我能够按类名定位？这是我的代码，谢谢:

<input type="text" class="inpfld">    

$(".inpfld").on('change keyup paste input',function(){
    var a=document.getElementsByClassName('inpfld').value;
    var b=a
    .replace(/hey/g,'hello')
    document.getElementsByClassName('inpfld').value=b;
});

Answer 1

document.getElementsByClassName(class) 应该返回一个 HTML 集合，该集合是网站中使用 class 的所有元素的数组。

您需要使用 for 循环遍历该数组以访问所有元素。

此外，如果您想获取导致更改、keyup、粘贴和输入事件的元素的 .value 属性，您需要添加特殊的 e 参数到回调函数并在内部将其引用为 e.target。

$(".inpfld").on('change keyup paste input', function(e) {
  var a = e.target.value;
  var b = a.replace(/hey/g, 'hello')
  var elements = document.getElementsByClassName('inpfld');
  for (var a = 0; a < elements.length; a++) {
    elements[a].value = b;
  }
});