Question

这是两个输入字段，我想要一个功能，一旦输入的输入值输入值后用户聚焦/模糊输入字段，就应该转换为大写字母。

$("#input1").blur(function() {
      $('#input1').val($('#input1').val().toUpperCase());
});
$("#input2").blur(function() {
      $('#input2').val($('#input2').val().toUpperCase());
});

如果我正在使用仅对一个输入字段起作用的each（）。我正在写这样的代码。

$("#input1,#input2").each(function() {
   $(this).blur(function() {
      $(this).val($(this).val().toUpperCase());
});

任何形式的帮助都将受到高度赞赏。

Answer 1

在代码中缺少“}）;”

哟也可以这样做：

$("input").each(function() {
   $(this).blur(function() {
      $(this).val($(this).val().toUpperCase());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input1" type="text">
<input id="input2" type="text">

如果你有两个以上的输入，例如你只想迭代两个，你可以把一个类放到你想要迭代的任何输入（或任何元素）上。

$(".example-class").each(function() {
   $(this).blur(function() {
      $(this).val($(this).val().toUpperCase());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input1" type="text">
<input id="input2" class="example-class" type="text">
<input id="input3" class="example-class" type="text">

Answer 2

您粘贴的代码在语法上不正确，但如果更正可以正常工作：

＆＃13;

$("#input1,#input2").each(function() {
   $(this).blur(function() {
      $(this).val($(this).val().toUpperCase());
   });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input1" type="text">
<input id="input2" type="text">

＆＃13;

jQuery each（）无法正常工作

2 个答案: