javascript - 将数组添加到 Jquery 中的 css 'content'

标签 javascript jquery css jquery-ui jquery-plugins

我想在css样式内容上显示数据。我有这段代码:

if (ext){
    switch (ext.toLowerCase())
    {
        case 'doc': pos = 'doc'; break;
        case 'bmp': pos = 'bmp'; break;                       
        case 'jpg': pos = 'jpg'; break;
        case 'jpeg': pos = 'jpeg'; break;
        case 'mp3': pos = 'mp3'; break;
        case 'avi': pos = 'avi'; break;
        case 'wmv': pos = 'wmv'; break;
        case 'flv': pos = 'flv'; break;
        case 'pdf': pos = 'pdf'; break;
        case 'txt': pos = 'txt'; break;
        case 'xls': pos = 'xls'; break;
        case 'rar': pos = 'rar'; break;
        case 'zip': pos = 'zip'; break;
        default: pos = 'doc'; break;
    };
    fileIcon:after.css({content:'pos'})
};

});

如何将这个案例数据写入css:

.fileIcon:after
{ content: "";
}

决定:https://jsfiddle.net/e9wjzqjd/3/如果需要有人

最佳答案

您可以附加一个新的 <style>标记到 <head>

var cssRule ='.fileIcon:after{ content:"' + pos + '";}';
$('<style>').text(cssRule).appendTo('head');

你不能直接访问像:after这样的伪类在 dom 中使用脚本

关于javascript - 将数组添加到 Jquery 中的 css 'content',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39747842/

相关文章:

javascript - LocalStorage 特殊字符替换

html - CSS3 是否提供了一种更好的方法来拥有一个包含页眉和页脚、等高列和可伸缩列宽的两栏网站?

html - 字体动画部分起作用

javascript - 在 javascript 中指定对象文字内属性的不同方法

javascript - 如何绑定(bind)到 jQuery 中的所有自定义事件

javascript - 检测宽度 : auto in jQuery

javascript - 是否可以通过 javascript 原型(prototype)分配实例成员?

javascript - jQuery:如何获取 URL 并修改它?

jquery - 使用甜蜜警报防止表单提交时出现默认情况

jquery - 检查 css3 动画是否完成,例如使用 jquery 变换比例