使用jquery动态应用右边距

时间:2013-03-18 09:31:06

标签: jquery css

#dock > li ul
        {
            position: absolute;
            bottom: 0px;
            left: -180px;
            z-index: 1;
            width: 180px;
            display: none;
            background-color: #F1F1F1;
            border: solid 1px #969696;
            padding: 0px;
            margin: 0px;
            list-style: none;
        }

这是我的css类,我想使用jquery动态应用右边距。任何想法都赞赏。我试过这个:

$('#dock').children('li').children('ul').css({ 'margin-right': rmargin });

但它似乎无法正常工作。

3 个答案:

答案 0 :(得分:4)

尝试

$('#dock').find('ul').css({ 'margin-right': rmargin });

ul必须是childgrand child #dock,否则可能无效

在这种情况下,您可以使用

$('#dock > li ul').css({ 'margin-right': rmargin });

文档http://api.jquery.com/find

答案 1 :(得分:1)

$('#dock > li ul').css({ 'margin-right': rmargin });

答案 2 :(得分:0)

使用如下,

$('#dock > li ul').css({ 'margin-right': rmargin });

$('#dock > li ul')这将选择UL标记内LI#dock 直接子的所有{{1}}。