Форум

VasyOK · #1 (**permalink**) 23.12.2020, 18:01

Приветствую специалистов по jQuery!

Подскажите: как обернуть несколько контейнеров одним?

Т.е. привести

<div class="imya">Имя</div>
<div class="familiya">Фамилия</div>

к виду

<div class="full_name">
  <div class="imya">Имя</div>
  <div class="familiya">Фамилия</div>
</div>

Пробовал так:

$('<div class="full_name">').insertBefore('.imya');
$('</div>').insertAfter('.familiya');

и так:

$('.imya').html(function() {
  return ''<div class="full_name">' + $(this).html();
})

$('.familiya').html(function() {
  return $(this).html() + '</div>';
})

и так:

$(".imya, .familiya").wrapAll("<div class="full_name"></div>");

пока не получилось

болванка: https://jsfiddle.net/PlayboyZP/z39voeny/

laimas · #2 (**permalink**) 23.12.2020, 18:20

Сообщение от VasyOK

и так:
$(".imya, .familiya").wrapAll("<div class="full_name"></div>");

Ошибку устраните и все заработает.

VasyOK · #3 (**permalink**) 23.12.2020, 20:15

так (кавычки изменил)?:

$('.imya, .familiya').wrapAll('<div class="full_name"></div>');

все равно не работает

рони · #4 (**permalink**) 23.12.2020, 20:35

Сообщение от VasyOK

все равно не работает

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">.full_name{
      border: 1px solid red;
  }

  </style>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  <script>
$(function() {
$('.imya, .familiya').wrapAll('<div class="full_name"></div>');
});
  </script>
</head>

<body>
<div class="imya">Имя</div>
<div class="familiya">Фамилия</div>

</body>
</html>

VasyOK · #5 (**permalink**) 23.12.2020, 23:41

Спасибо. Все работает. Видимо проблема в моем бекенде.

Форум

Справочник

Discord чат

Курсы javascript