Как вставить переменную "i" из цикла for в html код на JQuery?

213
13 апреля 2022, 07:50
<div id="gallery">
</div>
function block() {
    let wrap = $("<div class='block'>")
    for (let i = 0; i < 15; i++) {
        wrap.clone().appendTo($("#gallery"));
    }
}
block();

Имеется функция, где на страницу в блок #gallery добавляется некоторое кол-во div с классом block. Как сделать, чтобы в каждый из этих div дополнительно добавлялась значение переменной "i" из цикла в span, т.е. счетчик этих div-ов? Что-то меня только получалось, что с каждым новым div остается предыдущее значение "i" и к нему добавляется следующее.

Answer 1

    function block() {
        for (let i = 0; i < 15; i++) {
            let wrap = $("<div class='block'>"+i+"</div>");
            wrap.appendTo($("#gallery"));
        }
    }
    block();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="gallery">
</div>

Answer 2

function block() {
    let wrap = $("<div class='block'>")
    for (let i = 0; i < 15; i++) {
        let c = wrap.clone()
        $("<span>").text(i).appendTo(c)
        c.appendTo($("#gallery"));
    }
}
block();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div id="gallery">
</div>

READ ALSO
Меняются все элементы массива JS

Меняются все элементы массива JS

Имеется таблица, генерирующаяся из двумерного массива (array), состоящего из булевых значений:

201
Выделение строки цветом при нажатии на radio

Выделение строки цветом при нажатии на radio

Всем привет, есть такой код

208
JS nextElementSibling выбрать блок через элемент, а не по порядку

JS nextElementSibling выбрать блок через элемент, а не по порядку

Появился вопрос, связанный с использованием nextSibling в ванильном JSЕсть ли метод для выбора не последующего элемента, а за последующим? То есть...

187
Две одинаковые формы (form) на одной странице сайта.. Нижняя не отправляет данные

Две одинаковые формы (form) на одной странице сайта.. Нижняя не отправляет данные

Ребята, помогите разобраться с формамиДве одинаковые формы, на одной странице

191