0

Есть div контейнер, в котором находится произвольное количество div с текстом. Нужно сделать, чтобы при клике на контейнер значения всех внутренних div подставлялись в отдельные дивы за пределами контейнера. Как это сделать на JQuery? У меня почему-то содержимое всех div вставляется в один общий, либо несколько раз выводится значения последнего div

Получиться должно примерно следующее:

<div class='container'>
   <div>Красный</div>
   <div>Желтый</div>
   <div>Зеленый</div>
</div>

<div class='result'>Красный</div>
<div class='result'>Желтый</div>
<div class='result'>Зеленый</div>
4
  • Вы пишете, что ваше решение работает не так, как нужно. Можете показать его? 29 апр 2019 в 12:22
  • $('.container').each(function () { $('.result').text($(this).text()); });
    – Семен
    29 апр 2019 в 12:26
  • Прочитайте о селекторах в jquery 29 апр 2019 в 12:28
  • $('.container > div').each(function () { $('.result').text($(this).text()); }); Так только последнее значение несколько раз выводится
    – Семен
    29 апр 2019 в 12:36

1 ответ 1

0

Вот как вы должны были написать. Но чтобы понять что не так с вашим кодом, вы должны понять как работают css селекторы: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Селекторы

$('.container_el').each(function (index, el){
  let text = $(el).text();
  $('#result').append(`<div>${text}</div>`)
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container">
  <div class="container_el">1</div>
  <div class="container_el">2</div>
  <div class="container_el">3</div>
</div>

<div id="result"></div>

2
  • append() создает новые экземпляры div при новых кликах, а не заменяет текущие значения
    – Семен
    29 апр 2019 в 13:07
  • @Семен попробуйте доработать мой код так, как это вам необходимо 29 апр 2019 в 13:08

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.