我是 JS 的新手，不明白do..while等等是如何在這里工作的。我該如何優(yōu)化這段代碼？我正在做的事情是否正確（在每個帶有 id 的元素內(nèi)a[...]設(shè)置變量？我在里面有一個with , 。我正在做的是將 data-value 設(shè)置為 value 以替換 data-target （其他文本元素）數(shù)據(jù)值。b[...]a1-7list grouplist items#a1-7#b1-7document.getElementById('a1').setAttribute('data-value', a[0])document.getElementById('a2').setAttribute('data-value', a[1])document.getElementById('a3').setAttribute('data-value', a[2])document.getElementById('a4').setAttribute('data-value', a[3])document.getElementById('a5').setAttribute('data-value', a[4])document.getElementById('a6').setAttribute('data-value', a[5])document.getElementById('a7').setAttribute('data-value', a[6]);document.getElementById('b1').setAttribute('data-value', b[0])document.getElementById('b2').setAttribute('data-value', b[1])document.getElementById('b3').setAttribute('data-value', b[2])document.getElementById('b4').setAttribute('data-value', b[3])document.getElementById('b5').setAttribute('data-value', b[4])document.getElementById('b6').setAttribute('data-value', b[5])document.getElementById('b7').setAttribute('data-value', b[6]);$('[data-target]').on("click", '[data-value]', function() {  const clicked = $(this).addClass("actived");  clicked.siblings(".actived").removeClass("actived");  $(clicked.parent().data('target')).text(clicked.data('value'));})另外，有沒有什么辦法可以優(yōu)化這個（確實(shí)有很多）？也許有一些腳本可以實(shí)現(xiàn)這些......？：    <ul class="list-group" id="a" data-target=".descr">            <li class="list-group-item" id="a1"><span><?php    echo print_r($tempa[0]["name"], true);    ?></span>             </li><li class="list-group-item" id="a2"><span><?php    echo print_r($tempa[1]["name"], true);    ?></span>             </li><li class="list-group-item" id="a3"><span><?php    echo print_r($tempa[2]["name"], true);    ?></span>           </li></ul>