从句子中选择一个单词

时间:2016-02-04 14:18:17

标签: javascript jquery html css

您好我有这句话:

“星巴克开放时间是7-17岁。请再选择一次!”

我想将数字“7-17”变为粗体和红色,以便用户可以更轻松地看到它。

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

@ Umbraco.GetDictionaryValue(“BookingStep1_ClosedPickup”),然后在视图中显示上面的句子。

我如何仅定位数字?

 <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>

3 个答案:

答案 0 :(得分:4)

您可以使用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;
    }

答案 1 :(得分:2)

span标记是执行此操作的正确方法。

  

span元素是用于表示内容的通用包装器,它本身不代表任何内容。

HebleV的例子有效。

答案 2 :(得分:2)

您可以在“词典”值中添加span-tag,然后使用 @Html.Raw(Umbraco.GetDictionaryValue("BookingStep1_ClosedPickup"))

/ F