2

HTMLシート「A」と「B」があります。(HTML シート "B" は HTML シート "A" に読み込まれます。"A" は "B" のさまざまなコンテンツの "テンプレート" として機能します。)

これdivはHTMLシート「A」にあります。

 <div class="productsheet-container">
 </div>

divこれを HTML シート「B」に追加します。

<div class="productsheet">
          hello
</div>

これは私の必要な結果です:

 <div class="productsheet-container">
      <div class="productsheet">
              hello
      </div>
 </div>

は元の位置から隠されているdiv class="productsheet"必要があります。そのため、内部でのみ表示されます。div class="productsheet-container"

誰かがここで私を助けてくれたら、私は永遠に感謝します! 正確にはどの JavaScript を使用していますか? ノート！私はJavaScript の完全な初心者です。人生で 1 行も書いていません。だから、私には、グーグルで見つけた答えは不十分に思えます。

たとえば、次のことを試しました。

$( ".productsheet-container" ).append( $( "<div class='productsheet' />" ) );

しかし、前後に何かを書くべきではありませんか?

4

3 に答える 3

0

を使用してテンプレートとして作成し、divビューから非表示にしますstyle="display:none"

<div id="template" class="productsheet-container" style="display:none">
   hello
 </div>

Javascript でテンプレートを複製し、必要に応じて設定display:blockして追加します。.productsheet-container

$( ".productsheet-container" ).append( $("#template").clone().css("display","block" ));
于 2013-09-08T10:12:14.977 に答える
0

CSSだけでこれを解決できます：

.productsheet{
    display:none;
}
.productsheet-container .productsheet{
    display:block;
}

デモはこちら

2番目の部分を行うには、これを使用できます：

$(".productsheet-container").append($('.productsheet'));

デモはこちら

于 2013-09-08T10:04:00.037 に答える