javascript - 使用 jQuery 迭代更改？

Question

在下面的 HTML 中，我想在 H2 标签内复制“消息”旁边的“提交者”:

<div class="comment">
<H2 class="threadtitle">Message 1</h2>
<span class="submittedby">James</a>
</div>

<div class="comment">
<H2 class="threadtitle">Message 2</h2>
<span class="submittedby">Bill</a>
</div>

<div class="comment">
<H2 class="threadtitle">Message 3</h2>
<div class="submittedby">Phil</a>
</div>

我目前的 jQuery 代码如下:

$(document).ready(function() { 
    $('.submittedby').copy().appendTo('.threadtitle');
});

问题是这会将每个“submittedby”复制到每个“threadtitle”。我如何对其进行编码，以便它仅从同一“评论”div 中复制“submittedby”？谢谢!

Answer 1

使用.each()在这里，像这样:

$(function(){ 
  $('.submittedby').each(function() {
    $(this).clone().appendTo($(this).siblings('.threadtitle'));
  });
});

这遍历每个 .submittedby 元素，并根据您在循环中的 current .submittedby 移动它，所以每个人都是单独处理的。我还以为你的意思是.clone()在这里，但如果您实际上使用的是 .copy() plugin , 只需将上面代码中的 .clone() 替换为 .copy() 即可。