Добавить элемент во второе присутствие класса HTML

Question

Я хочу добавить элемент к другому элементу. Проблема в том, что «целевой элемент» идентифицируется только классом, и этот класс используется дважды. В моем случае я хочу добавить к последнему/второму присутствию элемента. Проверить скрипку здесь для визуализации

JSFiddle

Начальная точка:

<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> 

Гол

<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> 
<div class="container2"> 
    <!-- Big beautiful hole of emptiness --> 
</div> 

То, что я пытался

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

Что добавляет «.source» в оба div с классом «.myClass».

Answer 1

Вы можете использовать :last селектор:

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

Updated fiddle

Answer 2

Вы можете использовать :last,

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

Example

Answer 3

По вашим целям, вы хотите разместить свой товар после последним 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> 

Однако appendTo добавляет текущий элемент в качестве последнего ребенка другого элемента. Вы можете использовать подход, описанный другими отвечающими, если вы на самом деле потребуется следующий результат:

<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> 

Для того, чтобы поместить элемент после другого, как в вашей цели, используйте insertAfter:

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

Проверьте this demo вне.