javascript - 在新的 clone() div 中显示隐藏的 div

Question

关于如何隐藏隐藏的 (display:none) div 但让它显示在新的克隆 div 中的任何建议？

当我取消显示样式但我需要将其隐藏时，克隆有效。我已经广泛尝试研究和解决问题但没有运气。 (可能是因为我是初学者)

这是我的代码:

(新克隆的 div)

<div class="showcontent" class="toggle"></div>

(.poster div 包含要克隆的元素)

<div class=poster><img width='<?php 67*2.3 ?>' height='<?= 98*2.3 ?>' src='<?= $movie['image_url'] ?>'> <br>
<div class=title><h1text><?= $movie['title'] ?></h1text>  </div>  <br>
<span class=year>(<?= $movie['year'] ?>)</span> 
<div class=title style="display:none"><h1text><?= $movie['title'] ?></h1text>  </div>  <br> </div>

(脚本)

$(".poster").click(function(){
img = $(this).clone();
$(".showcontent").show().html(img.removeAttr(''));
}); 

Answer 1

$(".poster").click(function(){
  var divNewPoster = $(this).clone();

  divNewPoster.find("div").show();
  // or if you want to be more selective:
  divNewPoster.find(".title").show();

  $(".showcontent").empty().show().append(divNewPoster);
});