Question

我有一些使用XSL生成的HTML内容：

<span class="hrsDisp">Sunday: Closed</span>
<span class="hrsDisp">Monday &amp; Tuesday: 8 AM - 7 PM</span>
<span class="hrsDisp">Tuesday &amp; Wednesday: 7 AM - 7 PM</span>
<span class="hrsDisp">Mon, Wed, &amp; Fri: 7 AM - 5:30 PM</span>

XSL：

<span class="hrsDisp">
    <xsl:value-of select="txtHours" />
</span>

我正在尝试使用JQuery将:之前的文本设置为粗体。我有以下内容获取字符串，但警告语句只显示一个警报，即使有多个条目：

$(function () {
    var theTime = $(".hrsDisp").text().split(":")[0];
    alert(theTime);
});

上述内容并没有按预期工作，但也没有抛出任何错误。我添加了以下行来添加类：

theTime.addClas("setBold");

我在控制台中收到未被捕获的错误异常。

我认为最终的脚本是：

$(function () {
    var theTime = $(".hrsDisp").text().split(":")[0];
    alert(theTime);
    theTime.addClass("setBold");
});

相反，我的页面显示不正确，我在控制台中收到错误。

请帮我解决我的问题。

Answer 1

尝试使用以下XSL规则而不是javascript操作：

<span class="hrsDisp">
    <strong><xsl:value-of select="substring-before(txtHours, ':')" /></strong>:
    <xsl:value-of select="substring-after(txtHours, ':')" />
</span>

或者你可以用这种方式使用jQuery：

$(function () {
    $(".hrsDisp").html(function(i, old) {
        return '<strong>' + old.split(":").join('</strong>:');
    });    
});

如何将CSS类应用于拆分字符串

1 个答案: