Для того чтобы перенести содержимое каждого элемента `<li>` с классом `title` из первого списка `<ul>` во второй список `<ul>` с использованием jQuery, вы можете выполнить следующие шаги:
1. Найти все элементы `<li>` с классом `title` в первом `<ul>`.
2. Для каждого из найденных элементов создать новое `<li>`, которое будет добавлено во второй `<ul>`.
3. Убедиться, что новое `<li>` получает правильный класс.
Вот пример кода, который демонстрирует этот процесс:
```html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Перенос элементов</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<ul id="firstList">
<li class="title">Элемент 1</li>
<li class="title">Элемент 2</li>
<li class="title">Элемент 3</li>
</ul>
<ul id="secondList">
<li class="li10">Существующий элемент 1</li>
<li class="li20">Существующий элемент 2</li>
</ul>
<script>
$(document).ready(function() {
// Получаем все элементы li с классом title из первого списка
$('#firstList .title').each(function(index) {
// Получаем содержимое элемента li
var content = $(this).text();
// Создаем новый элемент li с нужным классом, например, li1, li2 и т.д.
var newClass = 'li' + ((index + 1) * 10); // индекс + 1 умножить на 10
var newItem = $('<li>').addClass(newClass).text(content);
// Добавляем новый элемент li во второй список
$('#secondList').append(newItem);
});
// Для проверки выводим второй список в консоль
console.log($('#secondList').html());
});
</script>
</body>
</html>
```
### Объяснение кода:
- **Подключение jQuery:** В коде подключается библиотека jQuery через CDN.
- **Поиск элементов:** Мы ищем все элементы `<li>` с классом `title` в первом списке.
- **Создание новых элементов:** Для каждого элемента мы получаем его текст и создаем новый `<li>` с новом классом, который основан на индексах.
- **Добавление в целевой список:** Новый элемент добавляется во второй список.
- **Дополнительно:** В конце мы выводим содержимое второго списка в консоль для проверки.
Этот код будет перемещать все элементы `<li>` с классом `title` из первого списка во второй, добавляя им классы `li10`, `li20` и т.д., в зависимости от индекса.