Javascript Jquery更改部分文本的文本和css

为了简化，我在html中设置了一个标签，如下所示：

 <label id ="lblApptDateTime" >Appointment</label>

---

需要将星号的颜色更改为红色和粗体

将其包装成一个跨度并使用类

$lblApptDateTime.html'Appointment'+'*'； 瑞德先生{ 颜色：红色； 字体大小：粗体 }

---

Appointment您需要将它放入一个新的样式元素中，如span，您可以使用append：

或者添加类，而不是使用css并适当设置样式。

HTML:

$("#lblApptDateTime").html("Appointment" + "<span class="red">*</span>");

---

可以在伪元素后面的：中添加星号。这样，除了文字之外，您还可以根据自己的喜好设置样式

.asterisk:after {
    content: '*';
    color: red;
}

在JavaScript中，不在标签中添加星号，只需向其添加类星号：

如果星号应该是可切换的，也可以使用toggleClass而不是addClass

---

这是一个例子。因为我没有其他可用的事件，所以我使用了hover。

最好只添加一个类名$lblApptDateTime.addClass'asterisked'；对于css lblApptDateTime.asterisked:在{…}之后是。很好。添加类总是可以切换的，因此增加了灵活性。我会用wwwmarty的建议更新它。我试过你的方法Andrei…它把整个文本涂成红色。我只是希望星号是红色的。lblApptDateTime.asterisk:after{content:'*'；color:red；font-weight:bold；}我将用它创建一个JSFIDLE。并更新答案。等等

$("#lblApptDateTime").html("Appointment" + "<span class="red">*</span>");

span.red {
  color: red;
  font-weight: bold;
}

.asterisk:after {
    content: '*';
    color: red;
}

$("#lblApptDateTime").html("Appointment").addClass("asterisk");