jquery - 如果在其他位置单击，请更改背景颜色

我正在使用此代码加载div的某些内容以及更改用户单击的选项卡的颜色。我无法弄清楚一旦用户单击其他内容，如何使背景颜色变回原样。我该怎么做？

$(function() {
        $('#tab-1').click(function() {
            var tabcontent = "<?php echo preg_replace("/\r?\n/", "\\n", addslashes($tabcontent[0]));?>";
            document.getElementById('top-tabs-content').innerHTML = tabcontent;
            $(this).css("background-color","#F7C703");
        });
    });

最佳答案

$(function() {
    $('#tab-1').click(function() {
        var tabcontent = "<?php echo preg_replace("/\r?\n/", "\\n", addslashes($tabcontent[0]));?>";
        document.getElementById('top-tabs-content').innerHTML = tabcontent;
        $('.tabclass').css("background-color","#defaultcolour");
        $(this).css("background-color","#F7C703");
    });
});

将class添加到元素，然后在将颜色应用于clicked element之前，将所有elements重置为默认颜色。

关于jquery - 如果在其他位置单击，请更改背景颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21072838/