js內容追加樣式不同解決方案

問題:從服務端讀取值之後放入相應位置,值得樣式內容是相同。現有業務需求要實現不同樣式效果:
這裏寫圖片描述
數字與“元”是不同的。
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>

效果如下:
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章