更改div中最后一个字母的样式

Question

我有这个结构，我无权修改标记，所以我正在寻找一个jQuery解决方案：

<p>Get a<strong><span>10%</span>discount</strong>in your first buy</p>

我需要的是10范围内的font-size:30px和%范围内的18px。

我刚才这样说：

.p strong span{
    font-size: 30px;
}

strong和p已经有了样式，所以我无法对其进行修改。

但我不能那样设定%的样式。关于如何获得最后一封信的任何想法？同样，我无权修改结构，因此任何其他类型的解决方案都将受到赞赏。

Answer 1

您可以执行以下操作来动态添加百分比范围：

＆＃13;

＆＃13;

$('p strong span:contains(%)').html(function (i, text) {
    return text.replace('%', '<span class="percent">%</span>');
});

＆＃13;

p strong span {
    font-size: 30px;
}
p strong span .percent {
    font-size: 18px;
}

＆＃13;

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

<p>Get a <strong><span>10%</span> discount</strong> in your first buy</p>

＆＃13;

＆＃13;

＆＃13;