设置多个标签值 - 寻找更好的方法

Question

我正在使用此代码设置一些 asp.net 标签值。 每次标签值更改时，它们都会更新。 有 25 个标签，这段代码非常重复，对我来说似乎效率很低。 有没有办法遍历所有 25 个标签并在 jQuery 或标准 javascript 中为每个标签设置Q#_Score_Possible和Q#_Score variables ？

 let Q1_Score_Possible;
 let Q1_Score;

 Q1_Score_Possible = $('#MainContent_grdScoring_lblPoints_Possible_0').val();
 $('#MainContent_grdScoring_hiddenPoints_Possible_0').val(Q1_Score_Possible); //hidden field for database scoring

 Q1_Score = $('#MainContent_grdScoring_lblScore_0').val();
 $('#MainContent_grdScoring_hiddenScore_0').val(Q1_Score); //hidden field for database scoring

 let Q2_Score_Possible;
 let Q2_Score;

 Q2_Score_Possible = $('#MainContent_grdScoring_lblPoints_Possible_1').val();
 $('#MainContent_grdScoring_hiddenPoints_Possible_1').val(Q2_Score_Possible); //hidden field for database scoring

 Q2_Score = $('#MainContent_grdScoring_lblScore_1').val();
 $('#MainContent_grdScoring_hiddenScore_1').val(Q2_Score); //hidden field for database scoring

 let Q3_Score_Possible;
 let Q3_Score;

 Q3_Score_Possible = $('#MainContent_grdScoring_lblPoints_Possible_2').val();
 $('#MainContent_grdScoring_hiddenPoints_Possible_2').val(Q3_Score_Possible); //hidden field for database scoring

 Q3_Score = $('#MainContent_grdScoring_lblScore_2').val();
 $('#MainContent_grdScoring_hiddenScore_2').val(Q3_Score); //hidden field for database scoring

Answer 1

考虑以下。

$("input[id^='MainContent_grdScoring_lblPoints_Possible_']").each(function(i, el){
  $("#MainContent_grdScoring_hiddenPoints_Possible_" + i).val($(el).val())
});

这会遍历选择器中的每个元素。 查看更多： https ://api.jquery.com/each/

使用索引，我们可以定位相应的隐藏元素。