从一些隐藏字段中获取多个值，然后相应地在其他输入文本框中显示这些值

Question

我正在学习JQuery，我脑海里浮现出一个问题 是否可以从几个隐藏字段中获取多个值，然后显示
在下列情况下，其他输入文本框中的值是相应的？

$(document).ready(function(){
$(".clickable").click(function(){
// display the values in the two hidden fields in each DIV tag to the Input Text box respectively
});
});

<div id="first" class="clickable">
<input type="hidden" value="a">
<input type="hidden" value="b">
</div>


<div id="second" class="clickable">
<input type="hidden" value="c">
<input type="hidden" value="d">
</div>

<input type="text" value="" id="displayA">
<input type="text" value="" id="displayB">

我不认为JQuery next（）API在这种情况下可以提供帮助。

Answer 1

为隐藏字段提供所有可识别的类名，并且目标字段具有不同的可识别类名：

<input type="hidden" class="sourceField" value="a" />
<input type="hidden" class="sourceField" value="b" />
....
<input type="hidden" class="destField" />
<input type="hidden" class="destField" />

然后你可以按索引排列它们：

$('.sourceField').each(function(index) {
    $(".destField:eq(" + index + ")").val(this.value);
});