如何隐藏原始文本并仅显示原始文本中的克隆

Question

晚上好还是白天好。

我知道这是一个克隆，所以它应该是相同的，但是，我想知道我是否可以让原始标题display:none和原始标题的克隆显示块？它似乎不起作用？这可能吗？

<div style='display:block;' class="clonedTitle1"></div> <!-- Is also hidden even when it is set to block -->
<h5 style='display:none;' class='testTitle1'>My Caption Title (1st Image)</h5>
<script>
var $titleCarousel = $('.testTitle1').clone();
$('.clonedTitle1').html($titleCarousel);
</script>

我怎么能把display:none只给.testTitle1呢。

并且只显示.clonedTitle。

我不知道这是不是一个愚蠢的问题，对不起，如果我问的不符合逻辑。

谢谢你的时间和努力。非常感谢。

Answer 1

首先在可以看到对象时克隆该对象，然后将可见性设置为隐藏

var $titleCarousel = $('.testTitle1').clone();
$('.clonedTitle1').html($titleCarousel);
var h5 = document.getElementsByTagName('h5');
h5[1].style.visibility='hidden';

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div style='display:block;' class="clonedTitle1"></div> <!-- Is also hidden even when it is set to block -->
<h5  class='testTitle1'>My Caption Title (1st Image)</h5>