使用.append（）+ CSS /樣式來使用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>