Javascript 无法按类名将输入字段作为目标

Javascript 无法按类名将输入字段作为目标,javascript,jquery,Javascript,Jquery,我试图用jquery/javascript代码按类名将每个输入字段作为目标,但它不起作用。它只能通过ID来确定目标。但我有许多不同ID的输入字段,所以通过ID来确定每个字段的目标会重复。我如何让我的代码工作,以便我能够通过类名来确定目标?这是我的代码,谢谢你: <input type="text" class="inpfld"> $(".inpfld").on('change keyup paste input',function(){ var a=document

我试图用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;
});

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

文档。getElementsByClassName(类)应该返回一个HTML集合,该集合是站点中使用类的所有元素的数组

您需要使用for循环在该数组上循环以访问所有元素

此外,如果要获取导致更改、键控、粘贴和输入事件的元素的.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;
  }
});
$(“.inpfld”).on('change keyup paste input',函数(e){
var a=e.目标值;
var b=a.replace(/hey/g,“hello”)
var elements=document.getElementsByClassName('inpfld');
对于(var a=0;a
文档。getElementsByClassName(类)应该返回一个HTML集合,该集合是站点中使用类的所有元素的数组

您需要使用for循环在该数组上循环以访问所有元素

此外,如果要获取导致更改、键控、粘贴和输入事件的元素的.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;
  }
});
$(“.inpfld”).on('change keyup paste input',函数(e){
var a=e.目标值;
var b=a.replace(/hey/g,“hello”)
var elements=document.getElementsByClassName('inpfld');
对于(var a=0;a
document.getElementsByClassName
返回“HTMLCollection”,因此您不能仅对其调用
.value
document.getElementsByClassName
返回“HTMLCollection”,因此您不能仅对其调用
.value
。。这似乎是正确的答案,但不确定为什么它不起作用?是的,对不起,我错过了你代码中的另一个错误。我已经编辑了我的答案!啊,我现在明白你的意思了。非常感谢您修复我的代码和解释!没问题,我很高兴能帮上忙!陛下这似乎是正确的答案,但不确定为什么它不起作用?是的,对不起,我错过了你代码中的另一个错误。我已经编辑了我的答案!啊,我现在明白你的意思了。非常感谢您修复我的代码和解释!没问题,我很高兴能帮上忙!