Question

我想在单击tr时将tr元素的空白样式切换为普通样式。我设法采用了一种用于切换颜色的函数并对其进行调整以实现我的目的，但是我只能使一次类更改切换一次，并且不知道如何将第3行中的this.style.background更改为{{ 1}}，而不会破坏所有内容：

this.style.white-space

我知道这是相当基本的，但是我今天才开始使用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

您只需要在white-space语句中使用if，然后重构这些if语句。固定代码如下：

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

希望这会有所帮助！

使用Javascript的CSS切换器

2 个答案: