jquery - 动态更新 CSS 属性

Question

http://jsfiddle.net/U6gWx/1/

$("div.ttt").css('display','block');

我有一些过滤器有时会清空 float:left 的第一列，当该列为空时我想将第二列 css 样式更新为 float:left，如果左列为空，基本上想左对齐。在我的 fillde 中，我的代码有点高级，如何使用 jquery 做到这一点，我正在尝试这样做: if(!$('.ab div.ttt').css('display') == 'block'){ - 如果没有任何元素具有 display:block，则选择 然后更改 .cd 的样式(第二列)，但它不起作用，一旦我取回左列中的元素，我也需要重置它。我基本上过滤掉左右中的元素，具体取决于在输入上。

Answer 1

试试这个:

var ttt = $(".ab div.ttt"),
    cd = $(".col.cd");

$("div#test").click(function () {
    if (ttt.is(':visible')) {
        ttt.hide();
        cd.css('float', 'left');
    } else {
        ttt.show();
        cd.css('float', 'right');
    }
});

jsFiddle demo.