@Intelix

Как создать группу дивов с классами с помощью JQuery?

Здравствуйте.
Нужно скриптом добавить внутрь определенного div набор других дивов с своими классами.

Есть такой блок:
<div class="modal-body">
</div>


Нужно в его тело добавить такой код:
<div class="row">
      <div class="col-4">
            <div class="aB"><img src="" class="aI" id="a0"></div>
      </div>
      <div class="col">
            <div class="txt"></div>
      </div>
 </div>


Подскажите пожалуйста как это можно реализовать.
  • Вопрос задан
  • 92 просмотра
Решения вопроса 2
Sanovskiy
@Sanovskiy
Веб-разработчик с 2005 года
Я примерно так делаю. Но, думаю, это неоптимально.
$('.model-mody').append(
    $('<div>')
        .addClass('row')
        .append(
            $('<div>')
                .addClass('col-4')
                .append(
                    $('<img>').attr('id', 'a0').addClass('aI').attr('src', '')
                )
        )
        .append(
            $('<div>').addClass('col').append(
                $('<div>').addClass('txt')
            )
        )
);
Ответ написан
Комментировать
@nvdfxx
Senior Pomidor developer
$('.modal-body').append(`<div class="row">
      <div class="col-4">
            <div class="aB"><img src="" class="aI" id="a0"></div>
      </div>
      <div class="col">
            <div class="txt"></div>
      </div>
 </div>`)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@dasauser
Пишу на PHP
ну раз тут проводят паралемпиаду по js, то я тоже поучаствую:
вариант 1- vanilla.js
1. вставляете этот блок на ту страницу, где он вам нужен
2. добавляете id и style
<div id="hidden-block" class="row" style="display: none;">...</div>

3.js:
document.getElementById('hidden-block').style.display = 'block';

4. ???
5. PROFIT

вариант 2 - жквери
1. вставляете этот блок на ту страницу, где он вам нужен
2. добавляете id и style
<div id="hidden-block" class="row" style="display: none;">...</div>

3. жквери
$('#hidden-block').css('style','display: block');
4. ???
5. PROFIT
Ответ написан
Ваш ответ на вопрос

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

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