jquery - 切换内联样式背景色

Question

我正在尝试打开/关闭某些表格单元格的内嵌背景颜色。 HTML 表是动态创建的，因此我可能不会添加任何类。它有自己的 CSS，但一些 TD 也有内联样式。我想打开/关闭这些内联样式，以便用户可以在 CSS 样式或内联样式之间进行选择。单元格可能具有不同的内嵌背景颜色。

我可以像这样选择具有内联样式的 TD:

$('.tbl_container td[style*="background-color"]');

但如果我尝试这样的操作，它会删除内联背景但不会恢复它:

$('.tbl_container td[style*="background-color"]').toggle(function(){
    $(this).css('background-color', '');
});

我想我必须使用 hide() 但我不知道如何使用。

Answer 1

您可以使用 class 名称来实现这些目的。

.color{
background-color: blue;
}

.color2{
background-color: white;
}

然后在 jQuery 中你可以这样做

$('.That_particular_td').on('click',function(){
    if($(this).attr('class')== 'color'){
        $(this).attr('class','color2');
    }
    else if($(this).attr('class')== 'color2'){
       $(this).attr('class','color');
    }
});

注意:

您可以使用 jQuery On() 动态创建 HTML 元素的方法