javascript - 将属性后的 css 转换为 jquery

Question

我想使用 jQuery 将“float”属性更改为“left”。 这是 CSS 代码:

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

我该怎么做？

Answer 1

在你的 CSS 中添加另一个类

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu>a.changed:after {
    float: left;
}

然后更改 anchor 的类以将这些样式应用到伪元素

$('.dropdown-submenu > a').addClass('changed');

FIDDLE

如果由于某种原因你不能添加样式，你总是可以用 Javascript 添加它们

$('head').append(
    $('<style />', { 
        type : 'text/css',
        text : '.dropdown-submenu > a:after {float: left;}' 
    })
);

FIDDLE