-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 に答える