我需要突出顯示使用after（）後加黃色的文字

-1

<!doctype html> 
     <html lang="en"> 
     <head> 
      <meta charset="utf-8"> 
      <title>addClass demo</title> 
      <style> 
      div { 
      background: white; 
      } 
      .red { 
      background: red; 
      } 
      .red.yellow { 
      border: 2px solid black; 
      background: yellow; 
      } 
      </style> 
      <script src="jquery-1.10.2.js"></script> 
     </head> 
     <body> 
     <div class="container"> 
      <h2>Greetings</h2> 
      <div class="inner">Hello</div> 
      <div class="inner">Goodbye</div> 
     </div> 


     <script> 
     var test = $(".inner:last").after("<div>Test</div>"); 
     </script> 

     </body> 
     </html>

當我運行這個PHP文件，並檢查它，我會得到如下結果。

Hello 
GoodBye 
Test.

我想突出顯示與黃色背景的測試。

來源

2013-10-09 user2624315

請包括你的嘗試和出了什麼問題。 – showdev

如何插入div的類？ – nilobarp

在你的CSS中，你可能想'.red，.yellow'而不是'.red.yellow' ...？ – Sergio

是否這樣？

var test = $(".inner:last").after("<div class='red'><div class='yellow'>Test</div></div>");

雖然你的CSS應該是：

.red .yellow { 
      border: 2px solid black; 
      background: yellow; 
      }

對於這個工作。

來源

2013-10-09 21:59:31

謝謝你的幫助。我已經定義了黃色背景黃色的新課程。。黃色{ \t背景：黃色; } – user2624315

我需要突出顯示使用after（）後加黃色的文字

回答

相關問題