Jquery клонирует содержимое div при загрузке страницы

Я хотел бы клонировать элемент внутри div и добавить его в другой div без какого-либо события клика при загрузке страницы. Это мой код:

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class = "hs-search-results__listing">
   <li>
     <a href = "#" class = "hs-search-results__title">Search Title</a>
     <p class = "more-link-container">
      &nbsp;
     </p>
   </li>
   <li>
     <a href = "#" class = "hs-search-results__title">Search Title</a>
     <p class = "more-link-container">
      &nbsp;
     </p>
   </li>
</ul>


<script>
  $('.hs-search-results__listing li').each(function(){
    $(this).find('.hs-search-results__title').clone().appendTo(".more-link-container");
  });
</script>

Я пытаюсь сделать выше, но это не работает.

javascript jquery html

27.07.2019 09:46

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

266

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

На каждой итерации вы добавляете все элементы класса контейнер с дополнительными ссылками, доступные в DOM. Вы должны добавить элемент только к соответствующему элементу п.

Сдача

.appendTo(".more-link-container")

.appendTo($(this).find(".more-link-container"))

$('.hs-search-results__listing li').each(function(){
  $(this).find('.hs-search-results__title').clone().appendTo($(this).find(".more-link-container"));
});

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class = "hs-search-results__listing">
   <li>
     <a href = "#" class = "hs-search-results__title">Search Title</a>
     <p class = "more-link-container">
      &nbsp;
     </p>
   </li>
   <li>
     <a href = "#" class = "hs-search-results__title">Search Title</a>
     <p class = "more-link-container">
      &nbsp;
     </p>
   </li>
</ul>

27.07.2019 09:49

Другие вопросы по теме

Я получаю «TypeError: t.nodeName is undefined», когда я использую ключевое слово «это» для итерации и получения значений из полей ввода в моей HTML-форме

Как отобразить только 1 из массива нескольких выпадающих значений?

Как очистить поле выбора в вызове ajax при изменении другого поля выбора с помощью плагина multiselect jquery?

JQuery динамически устанавливает значение href якоря в значение href другого якоря, используя имена своих классов

Случайное расположение DIV при загрузке страницы

Замените часть имени класса значением кнопки при нажатии

Применить правило css, если меню открыто

Измените метку ячейки JointJS, щелкнув ее, и введите новую метку

Используйте событие изменения, чтобы сохранить несколько входных данных в нужном диапазоне

Как скрыть пустые строки в литерале шаблона?

Jquery клонирует содержимое div при загрузке страницы

Ответы 1

Другие вопросы по теме

Похожие вопросы