javascript - jquery css 背景颜色不起作用

Question

我正在尝试更改所选 href 的背景，但这不是 为我工作。我可以在控制台日志中看到选定的 href。有人可以 帮助我了解我的代码中是否遗漏了任何内容？

 Below is my code:
 -----------------
 <style>
    .current {
        background-color: tomato;
   }
 </style>

  function getwlan() {
       $.ajax({
       url: '/getwlan',
       data: $('form').serialize(),
       type: 'POST',
       success: function(response){
         var wlan = JSON.parse(response);
         var options = "";
         var row = $('<tr>');
         var zone="<b>System Zones</b>";
         for (var i = 0; i < wlan.length; i++) {
           if (wlan[i].wlan_zone){
            z1=new Array (wlan[i].wlan_zone)
            zone += "<a href="+'"' +z1 +'"'+"><h5>"+ z1 + "</h5></a>";
             }
            } 
           $("#divzone").html(zone); 
           $('#divzone a').on('click', function(event) {
               event.preventDefault();
               var v=($(this).attr('href'));
               var s1= sessionStorage.setItem('zones', v);
               var s2=sessionStorage.getItem("zones");
               console.log(v)
               $(this).addClass('current');
               var section_id = $(this).attr('href');
               var section_color = $(section_id).css('background-color');
               $(this).css('background-color', section_color);

'

Answer 1

按照这个例子，这与你的问题有关:

$('#divzone a').on('click', function(event) {
  event.preventDefault();
  $('#divzone a').removeClass('current');
  $(this).addClass('current');
  });

.current {
        background-color: tomato;
   }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='divzone'>
  <a class='link'>href</a>
  <a class='link'>href</a>
  <a class='link'>href</a>
  <a class='link'>href</a>
  <a class='link'>href</a>
  <a class='link'>href</a>
  <a class='link'>href</a>
</div>