@d4c4237abc

Подстановка объектов jquery?

есть html код, в нем есть картинки с классом vertical_content_img, есть код jquery, с помощью которого картинки копируются и подставляются в боок slider_vertical_content. Картинки будут разные, нужно чтобы подстановка картинки соответствовала порядку блока. slider_vertical_content генерируется автоматически, вручную назначать новый класс и копировать скрипт не вариант, как можно выйти из данной ситуации?

<div class="row tabs_content justify-content-center">
                    <div class="slider_vertical col-md-6">
                        <div class="slider_vertical_content">
                        </div>
                        <div class="slider_vertical_content">
                        </div>
                        <div class="slider_vertical_content">
                        </div>
                        <div class="slider_vertical_content">
                        </div>
                        <div class="slider_vertical_content">
                        </div>
                        <div class="slider_vertical_content">
                        </div>

                    </div>
                    <div class="slider_vertical_nav col-md-2">
                        <div class="slider_vertical_nav_item">
                            <p>Сомнительная 
                                    экономия</p>
                            <img src="/img/zamer.png" alt="" class="vertical_content_img">
                        </div>
                        <div class="slider_vertical_nav_item">
                                <p>Сомнительная 
                                        экономия</p>
                                        <img src="/img/zamer.png" alt="" class="vertical_content_img"></div>
                        <div class="slider_vertical_nav_item">
                                <p>Сомнительная 
                                        экономия</p>
                                        <img src="/img/zamer.png" alt="" class="vertical_content_img"></div>
                        <div class="slider_vertical_nav_item">
                                <p>Сомнительная 
                                        экономия</p>
                                        <img src="/img/zamer.png" alt="" class="vertical_content_img"></div>
                        <div class="slider_vertical_nav_item">
                                <p>Сомнительная 
                                        экономия</p>
                                        <img src="/img/zamer.png" alt="" class="vertical_content_img"></div>
                        <div class="slider_vertical_nav_item">
                                <p>Сомнительная 
                                        экономия</p>
                                        <img src="/img/zamer.png" alt="" class="vertical_content_img"></div>

                        </div>
                  </div>

$(".vertical_content_img").clone().appendTo(".slider_vertical_content");
  • Вопрос задан
  • 66 просмотров
Решения вопроса 1
leni_m
@leni_m
ЧупаКобрус
$(".vertical_content_img").each(function(i) {
    $(".slider_vertical_content").eq(i).append($(this).clone());
});

может это вам поможет?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы