Question

这是我的php文件。

<!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.

我想以黄色背景突出显示测试。

Answer 1

喜欢这个吗？

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

虽然你的CSS应该是：

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

为此起作用。

我需要使用黄色的after（）突出显示添加的文本

1 个答案: