javascript - 更改中继器 DIV 背景

Question

在中继器中，我希望此 div在单击时更改其背景颜色，并且当再次单击时，颜色必须重置为旧颜色，当我尝试整个中继器时，它正在咀嚼该颜色。感谢你的帮助

<div id='h<%# DataBinder.Eval(Container, "ItemIndex") %>' class="header"
      onclick='ToggleDisplay(<%# DataBinder.Eval(Container, "ItemIndex") %>);'>
   <%# DataBinder.Eval(Container.DataItem, "LicenseName")%>

   <%# DataBinder.Eval(Container.DataItem, "LicenseName")%>
   <%# DataBinder.Eval(Container.DataItem, "LicenseName")%>
   <%# DataBinder.Eval(Container.DataItem, "LicenseName")%>
</div>

Answer 1

试试这个方法。

<script>
     var color = '';
     $('.header').click(function (e) {       
     var x = $(this).css('backgroundColor');    
     hexc(x);        
    if(color="red")
    {
     $(this).parent().find('.header').css('background-color', 'Your Previous Color');    
    }
    else
    {
      $(this).parent().find('.header').css('background-color', 'red');
    }    
    });

    function hexc(colorval) {
        var parts = colorval.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
        delete(parts[0]);
        for (var i = 1; i <= 3; ++i) {
            parts[i] = parseInt(parts[i]).toString(16);
            if (parts[i].length == 1) parts[i] = '0' + parts[i];
        }
        color = '#' + parts.join('');
    }
</script>