Javascript 将元素追加到HTML类的第二个状态

我想将一个元素附加到另一个元素。问题是“目标元素”只由一个类标识，而这个类被使用了两次在我的例子中，我想附加到元素的最后一个/第二个存在。检查这里的fiddle以获得可视化效果

起点：

<div class="container">
    <div class="myClass">This is a <strong>not</strong> the target</div>
    <div class="myClass">This is the target</div>
</div>
<div class="container2">
    <div class="source">This is the source</div>
</div>

---

它将“.source”和类“.myClass”一起附加到两个div中。

您可以使用

：last

选择器：

$(".source").appendTo(".myClass:last");

您可以使用

---

根据您的目标，您希望将您的物品放置在

myClass

的最后一个之后，而不是里面

 <div class="container">
   <div class="myClass">This is a <strong>not</strong> the target</div>
   <div class="myClass">This is the target</div>
   <div class="source">This is the source</div>
 </div>

要将元素放置在另一个元素之后，如在您的目标中，请使用

insertAfter

：

$(".source").insertAfter(".myClass:last");

---

签出。

或

$（“.source”）.appendTo（“.myClass:nth类型（2）”）第二个。您可以使用$（“.container div”）.eq（0）。追加（“.myClass”）您的问题不清楚。您想在

之后追加或在之后插入？？？或者您只是在预期的HTML标记中犯了一个错误？请不要在问题的标题中添加“已解决”。只要接受正确的答案。请参阅本文：问题已解决。谢谢各位。不能那么不清楚，因为我在1分钟内得到了答案。我们欢迎其他解决方案。但是，将编辑“目标”html，使其根据附录正确。威尔目前无法接受答案，但答案已提供。将在完成时间限制后接受。谢谢你的提示！

$(".source").appendTo(".myClass:last");

 <div class="container">
   <div class="myClass">This is a <strong>not</strong> the target</div>
   <div class="myClass">This is the target</div>
   <div class="source">This is the source</div>
 </div>

 <div class="container">
   <div class="myClass">This is a <strong>not</strong> the target</div>
   <div class="myClass">
     This is the target
     <div class="source">This is the source</div>
   </div>       
 </div>

$(".source").insertAfter(".myClass:last");