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

时间:2017-12-06 15:51:04

标签: javascript jquery clone

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

克隆工作当我拿走显示风格但我需要隐藏它。我已经广泛地试图研究并解决这个问题而没有运气。 (也许是因为我是初学者编码员)

这是我的代码:

(新克隆的div)

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

(。包含要克隆的元素的海报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(''));
}); 

1 个答案:

答案 0 :(得分: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);
});