javascript - 克隆多个字段值无法正常工作

Question

我已经在下面尝试过了。

$('#btn3').click(function() {
  $('.test3').val($('.bbb').val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" id="btn3">Copy Each hidden value to text value</button><br>
<input type="hidden" class="bbb" value="10"><br>
<input type="text" class="test3" value="15"><br>
<input type="hidden" class="bbb" value="40"><br>
<input type="text" class="test3" value="60"><br>
<input type="hidden" class="bbb" value="100"><br>
<input type="text" class="test3" value="110"><br>

我会用精确值处理每个字段。单击“将每个隐藏值复制到文本值”按钮时，值应为 10,40,100。

Answer 1

您所获得的结果是您发布的代码所期望的结果。如果您希望每个 test3 都被赋予前一个元素值 (bbb)，请在元素循环中使用 .prev() 函数.

$('#btn3').click(function(){
  $('.test3').each(function(){
     $(this).val($(this).prev('.bbb').val());
  });
});