使用Javascript的CSS切换器

Question

我想一个的空白风格切换tr元素正常时tr被点击。 我已经设法使用一个用于切换颜色的函数并根据我的目的调整它，但是我只能让类更改切换一次，并且不知道如何将第3行中的this.style.background更改this.style.white-space ，不破坏一切：

$(document).ready(function () {
    $('tr').click(function () {
        if(this.style.background == "" || this.style.background =="white") {
            $(this).css('white-space', 'normal');
        }
        else {
            $(this).css('white-space', 'nowrap');
        }
    });
});

我知道这是相当基础的，但是我今天才开始使用JavaScript，所以如果有人能告诉我解决方案并解释需要做什么，那么我会非常感激。

Answer 1

您只需要更改if条件，因此它取决于white-space属性的值：

$(document).ready(function () {
    $('tr').click(function () {
        var $this = $(this);
        if($this.css('white-space') === 'nowrap') {
            $this.css('white-space', 'normal');
        }
        else {
            $this.css('white-space', 'nowrap');
        }
    });
});

Answer 2

您只需要为if语句使用white-space ，并重构那些if语句。 固定代码如下：

$(document).ready(function () {
    $('tr').click(function () {
        if($(this).css("white-space") == "nowrap") {
            $(this).css('white-space', 'normal');
        }
        else {
            $(this).css('white-space', 'nowrap');
        }
    });
});

希望这有帮助！