如何在jquery中的.html()中设置文本样式

Question

我想在html()里面设置文本样式color:red; font-weight:bold.我怎么能在jQuery本身内做到这一点？我可以id=login_result在html中设置div的样式,但这里的每个文本都是红色和粗体.我只是希望下面这些错误文本只是红色.非常感谢

var login_result = $('#login_result');

if ($.trim(email.val()).length == 0) {
    email.focus(); // focus to the filed
    login_result.html('<span> Email field is required</span>');
    return false;
}

Answer 1

您可以在范围中添加一个类,并在样式表中定义它:

var login_result = $('#login_result');
if ($.trim(email.val()).length == 0) {
  email.focus(); // focus to the filed
  login_result.html('<span class="error"> Email field is required</span>');
  return false;
}

.error {
  color: red;
}

与Brad Martin的解决方案相比,这具有以下优势:所有关于样式的信息都在样式表中设置,而不是在javascript中设置,而javascript应该主要处理应用程序逻辑.