javascript - 使用 .append() + css/styling 使用 Jquery/Javascript 添加新文本

Question

我想将新的 html 添加到我拥有的选择器中，所以我想我需要使用 .append()。同时我也想让新的字符串变成不同的颜色，字体等等。

我希望最后一个 .css 使新的、附加的 html 变成粉红色(或其他)并且不是测试字符串。任何指针都会很棒。

由于最后一个 .css，下面不起作用。我该如何解决？谢谢!

  test_string = "hi there,";
  $('#testie').html(test_string).css("font-size", "40px").append(" pink string").css('color', 'pink');

(注意:一般来说是 Javascript/Jquery 的新手，因此欢迎任何帮助/建议)

Answer 1

对新字符串使用span

 test_string = "hi there,";

 $('body').html(test_string).css("font-size", "40px");

var newtext = $('<span />').css('color', 'pink');
     newtext.html(" pink string");

$('body').html(test_string).css("font-size", "40px").append(newtext);

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