Как обернуть три элемента в блок?

Question

[Nikita-Fast]

Есть item а внутри три элемента

<span class="el2"></span>  &ndash <span class="el2"></span>

эти три элемента находятся внутри

<span class="el1"></span>

получается что это выглядит так :



вопрос как обернуть el2 +ndash + el2 ?

я делал так : https://jsfiddle.net/sh7k6zax/ и эти три элемента не оборачиваются

Answer 1

[0xD34F]

не оборачиваются

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

Comments

[Nikita-Fast]

ни чего там не обернулось ...почему то

[0xD34F]

Nikita-Fast, не выдумывайте, обернулось.

[Nikita-Fast]

0xD34F, хоть лопни - нету обёртки :

[0xD34F]

Nikita-Fast, вы чо, издеваетесь? Вон у вас там переменная el с html кодом элементов - элементы вы создали, обернули (неправильно), и ничего дальше не сделали. Обертку я подправил, элементы добавил к body - смотрите внимательнее.

[Nikita-Fast]

0xD34F, вот здесь это очень хорошо видно :
и если действительно обёрнуто то эти циферки и тире между ними должны быть в сам низу

[0xD34F]

Nikita-Fast, посмотрите на свой код, посмотрите на мой. Найдите отличия, исправьте свой (или просто скопируйте) - "эти циферки" окажутся где вам надо.

[Nikita-Fast]

0xD34F, append не надо делать ...а так нету разницы ... мне надо эти циферки вниз затолкать без вмешательства в html (даже не спрашивайте почему)
я единственное что изменил вместо div.item сделал span.item

[0xD34F]

Nikita-Fast,

append не надо делать ...а так нету разницы ... мне надо эти циферки вниз затолкать без вмешательства в html (даже не спрашивайте почему)

Т-а-а-а-к, кажется я понял.

НУ И КАКОГО ХРЕНА НАДО БЫЛО СОЗДАВАТЬ ПЕРЕМЕННУЮ el, ГЕНЕРИРОВАТЬ НА ЕЁ ОСНОВЕ ЭЛЕМЕНТЫ? ЧТОБЫ СПЕЦИАЛЬНО ЗАПУТАТЬ ТЕХ, КТО ВАМ БУДЕТ ОТВЕЧАТЬ?

Попробуйте

$('.element1').wrapInner('<span class="item"></span>');

[Nikita-Fast]

0xD34F, жесть ....

[Nikita-Fast]

0xD34F, вот суть вопроса и я изначально думал что просто но надо было просто обернуть и подменить ....но эти wrap не работали как надо ....

Из тебя отличный Дядя Ванг* .... я даже объяснить не смог что надо ....у неё woocomerce и естественно что на не знает как залесть в php и просто обернуть все эти el2 + тире + el2 , я в jquery не совсем а точнее только паралаксы умею и ни чего больше не умею а вот с пыхом проще всё

Спасибо Ты выручил не меня но урок получил я

Answer 2

[Pavel Kuzyakin]

var el = $('.element1').get();

$(function(){
  $(el).wrap("<div class='item'></div>");
});

Comments

[Nikita-Fast]

ни чего там не обернулось ...почему то

[Pavel Kuzyakin]

Nikita-Fast, а, перечитал внимательно пост, не то

[Nikita-Fast]

Pavel Kuzyakin, вы там обернули element1 а надо element2 + &ndash +element2