jquery - 移动标题并附加到下一张图片

Question

我正在尝试克隆标题并将其附加到图像 div。这是带有标题应该去哪里的注释的标记：

<div class="current">
<div class="project">
    <div class="col">
        <a class="projectitle" href="#">Title1</a>
    </div>

    <div class="thumb">
        <img src="image1.jpg">
        <!-- Clone title1 and move here -->
    </div>

</div>

<div class="project">
    <div class="col">
        <a class="projectitle" href="#">Title2</a>
    </div>

    <div class="thumb">
        <img src="image2.jpg">
        <!-- Clone title2 and move here -->
    </div>

</div>

这可行，但会复制所有标题并将它们附加到所有 div

$( ".current .project .projectitle" ).each(function() {
$( this ).clone().appendTo($(".thumb"));
});

一点都不好，但我正在尝试使用 jquery 和 for each 函数

$( ".current .project" ).each(function() {
var ptitle = $(this)
$("ptitle .projectitle").clone().appendTo($("ptitle .thumb"));
});

任何帮助都会很棒

Answer 1

$(".current .project .projectitle").each(function() {
   var $this = $(this), $target = $this.parent().next();
   $this.clone().appendTo($target);
});

http://jsfiddle.net/C42T8/