Question

这是代码

 <script>
function get_price(){
        var price_margin = 0.00174;
        jQuery.get("https://min-    api.cryptocompare.com/data/price?    fsym=XRP&tsyms=USD").then(function(data){
        jQuery('#xrp_price').text(function(price){
            return "PRICE " + data["USD"].toFixed(5);
        });
    .......

例如返回值0.45678，但是我想使后3位数字很小，因此仅0.45突出。我尝试将.text更改为.html并添加或，但这只会使整个值变为粗体，而不是最后3位数字。嗯嗯（抓下巴）。感谢所有帮助

Answer 1

代替设置.text设置.html

并使用span设置class='bold'中的前三个字符

和其他字符通过使用data.toFixed(5).slice(3)并设置另一个class='small'

然后根据html中的类在CSS中设置样式

    var data=0.45678 ;
    $('#xrp_price').html(function(price){
        return "PRICE <span class='bold'>" + data.toFixed(2) + "</span> <span class='small'>"+ data.toFixed(5).slice(3) + "</span>";
    });

.bold{
  font-weight: bold;
}
.small{
font-size:10px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="xrp_price"></div>

编辑： 您可以使用<small> DOM代替<span class='small'>

样式化jQuery脚本输出

1 个答案: