动态更新CSS属性

时间:2014-05-29 22:18:47

标签: jquery css

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

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

我有一些过滤器有时会清空forst列,它是float:left,当列为空时我想将第二列css样式更新为float:left,如果左列是空的,基本上想要左对齐。在我的fillde中,我有很高级别的代码,如何使用jquery,我正在尝试: if(!$('.ab div.ttt').css('display') == 'block'){ - 选择是否有任何元素display:block然后更改.cd(第二列)的样式但它不起作用,我还需要重新设置一旦我取回项目left column ..我基本上根据输入过滤掉左右项目。

1 个答案:

答案 0 :(得分:0)

试试这个:

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.