-1

这是我的 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.

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

4

1 回答 1

1

像这样？

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-09T21:59:31.020 回答