當鼠標懸停在某些列表項上時，我試圖讓我的頁面正文更改顏色。每個列表項都有自己的顏色存儲在數(shù)據(jù)屬性中，我可以在 Chrome 檢查器中看到它。代碼正在做我想做的事情，但是當我希望正文是每個列表項的顏色時，只為每個項目返回列表中的第一種顏色。HTML： <ul class="menu">    <?php foreach($page->children() as $subpage): ?>      <li id="tesq" data-color="<?= $subpage->color() ?>">        <a href="<?= $subpage->url() ?>">          <?= html($subpage->title()) ?></a>      </li>    <?php endforeach ?>  </ul>jQuery：  $(function() {    $('li').hover(function() {        $("body").css('backgroundColor', function () {          return $("#tesq").data('color')        });    }, function() {        $("body").css('backgroundColor', 'lightgrey')    });  })非常感謝任何幫助