我有几个项目
Eff ...我正在尝试克隆Either ...，以便在点击该项目时<div class="item">
<figure>
<span class="overlay"></span>
<img...>
<figcaption>
<h3>Title</h3>
</figcaption>
</figure>
</div>
附加到figcaption h3，当点击另一个项目时，前一项目的标题将被删除，下一个点击克隆和追加的标题...当然我可以避免使用jQuery但是有解决问题的学术原因！
我的粗略尝试如下
figcaption h3问题是，当点击任何项目时，每个overlay标题都会附加到其$(".item").on("click", function() {
$(".overlay h3").remove();
var $title = $('.overlay');
$('figcaption h3').each(function(i) {
$(this).clone().appendTo($title.eq(i));
});
});
。附加的克隆也不会被完全删除。每次重新克隆标题，并且总是留下一个克隆。克隆标题甚至是最好的方法，还是使用h3？
答案 0 :(得分：1)
您可以执行以下操作：
$(".item").on("click", function() {
$(".overlay h3").remove();
$h3 = $(this).find('h3').clone();
$(this).find('.overlay').html($h3);
});
这只抓取被点击元素的H3并将其附加到跨度。