javascript - 为句子中的一个词设置样式

Question

你好我有这句话:

“星巴克的营业时间是7-17，请选择其他时间!”

我想将数字“7-17”设为粗体和红色，以便用户更容易看到。

整个句子存储在@Umbraco.GetDictionaryValue 中:

@Umbraco.GetDictionaryValue("BookingStep1_ClosedPickup") 然后在 View 中显示上面的句子。

我怎样才能只定位数字？

 <div class="coffees">
        <div class="message">
            {{if (!data.location.matchHoursPickup) { }}
            {{if (data.location.closedPickup) { }}
            @Umbraco.GetDictionaryValue("BookingStep1_ClosedPickup")
            {{  }else{ }}
            {{= data.closedPickupMsg }}
            {{  } }}
            {{ }else{ }}
            {{ if (data.location.closedDelivery){ }}
            @Umbraco.GetDictionaryValue("BookingStep1_ClosedDelivery")
            {{  }else{ }}
            {{= data.closedDeliveryMsg }}
            {{ } }}
            {{ } }}
        </div>

    </div>

Answer 1

您可以使用 span 标签来做到这一点。

例如:

   <p>Starbucks open-hours are from <span id="hey">7-17</span>. Please choose another time!</p>

 CSS:

  #hey {
    font-weight:bold;
    color:red;
    }