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

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/

利用索引，我们可以定位到对应的隐藏元素。

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

Setting Multiple Label Values -Looking For a Better Way

javascript

jquery