Функция append()

by fersterin

HTML

<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<ul class="list l1">
   <li class="item"> Высоко </li>	
   <li class="item"> Быстро </li>	
   <li class="item"> Сильно </li>	
 </ul>
 <ul class="list l2">
   <li class="item"> Выше </li>	
   <li class="item"> Быстрее </li>	
   <li class="item"> Сильнее </li>	
 </ul>
 <ul class="list3"></ul>

CSS

ul.list li:nth-last-child(1) {
	color: red;
}

ul.list li:nth-last-child(2) {
	color: green;
}

JavaScript

$(".list").append("<li class='item'> Путин </li>");
//Записать внутрь элемента .list в конец
//Тоже самое только другая запись:
$("<li class='item'> Жириновский </li>").appendTo($(".list"));
//Можно вставлять jquery объеты (куски кода):
$('.list3').append($("ul.list.l1 li:nth-child(1)"));
//Вырезали первого child у .list1.l1 и вставили в .list3