javascript - 在其他 DIV（由其他类指定）中附加 DIV（由类指定）

Question

我有 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 的完全新手，我一生中没有写过一行代码！所以，对我来说，我发现谷歌搜索的答案似乎不够。

例如，我尝试过：

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

但是我不应该在之前和/或之后写一些东西吗？

score 0 · Accepted Answer

你可以用 CSS 解决这个问题：

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

演示在这里

要执行第二部分，您可以使用以下命令：

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

演示在这里

score 0 · Accepted Answer

用这个：

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

我建议你先学习纯 javascript，然后再学习 jQuery。

score 0 · Accepted Answer

创建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" ));