javascript - 如果类相同，如何将文本框的输入反射(reflect)到另一个文本框？

Question

这是我的代码，用于将 textbox1 的文本反射(reflect)到另一个在 keyup 上调用 textbox1a 的文本框中。当他们只有一个时，效果很好。我的问题是，如果类与另一个相同，我如何反射(reflect)每个文本框的值？这是我的代码:

$(".textBox1").keyup(function(){
   $(".textBox1").val($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div>
    TextBox 1 : <input type="text" class="textBox1" class="valueEnter"></input>

    TextBox 1a : <input type="text" class="textBox1"></input>
    <br/>
    TextBox 2 : <input type="text" class="textBox2" class="valueEnter"></input>

    TextBox 2a : <input type="text" class="textBox2"></input>
</div>

Answer 1

你可以获取text输入类型的类名，然后添加你的逻辑:

$("input[type=text]").keyup(function(){
   var className = $(this).attr('class').replace('valueEnter','').trim();
   $("."+className).val($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    TextBox 1 : <input type="text" class="textBox1 valueEnter"/>

    TextBox 1a : <input type="text" class="textBox1"/>
    <br/>
    TextBox 2 : <input type="text" class="textBox2 valueEnter"/>
 
    TextBox 2a : <input type="text" class="textBox2"/>
</div>

请注意，它是 type=text 而不是 type=textbox。因为，你有两个带有 valueEnter 的类，我想修改一下我们在为 textbox 选择类时跳过类名 valueEnter 的地方> 在 JQuery 代码中。