Question

我正在使用下面的代码在定义的位置添加换行符。有没有办法在换行后添加代码来设置文本样式？

 $('h3').html(function(i, h) {
    return h.replace('Photo Course', '<br />Photo Course');
 });

Answer 1

您可以在换行符之后为代码添加内联样式，如下所示：

$('h3').html(function(i, h) {
  return h.replace('Photo Course', '<br /><span style="color:red">Photo Course</span>');
});

Answer 2

是的，您可以使用css fn - $(element).css(property, value)吗？
比如$('h3').css('font-size', '20px')。
或如果你想在没有休息的情况下进行设计，你可以将其包裹在span内并设置风格。

$('h3').html(function(i, h) {
    return h.replace('Photo Course', '<br /><span id="to_style">Photo Course</span>');
 }); 
$("#to_style").css("color", "red");

或您可以将该类添加到该范围并在css中准备好样式。

 return h.replace('Photo Course', '<br /><span class="to_style">Photo Course</span>');

.to_style {
   color: red;
}

Answer 3

你可以将它包裹在一个范围内。 '<br /><span>Photo Course</span>'。

然后在css样式表中添加h3 span {color:green}

之类的内容

添加文本样式以实现功能

3 个答案: