js内容追加样式不同解决方案

最新推荐文章于 2023-09-10 21:57:57 发布

Advancer-lbh

最新推荐文章于 2023-09-10 21:57:57 发布

阅读量643

点赞数

分类专栏： jQuery 文章标签： javascript 追加样式

本文链接：https://blog.csdn.net/u013709087/article/details/53161691

版权

jQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

问题：从服务端读取值之后放入相应位置，值得样式内容是相同。现有业务需求要实现不同样式效果：
这里写图片描述
数字与“元”是不同的。
js解决方法：

<head>
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
        $(function(){
            var yuan = $("<span></span>");
            yuan.css({
                "color":"red",
                "font-size": "24"
            });
            $("#s1").text("12.12").append(yuan.text(" 美元"));

        })
    </script>
</head>
<body>
    <span id="s1">      
    </span>
</body>