написать 12divs, используя код JQuery вместо того, чтобы писать его в HTML

Question

написать 12divs, используя код JQuery вместо того, чтобы писать его в HTML

0

Как я выписываю 12 divs с помощью jquery, так что каждый из них будет похож на этот первый:

<div class='chart half' >
<h3 id="g1">graph1</h3>
<svg id='chart1'></svg>
</div>

и 12-й будет выглядеть так:

    <div class='chart half' >
     <h3 id="g12">graph12</h3>
    <svg id='chart12' ></svg>
    </div>

Я хочу написать код, который создает 12 divs, а не писать 12 отдельных divs в html-коде. Дивы будут отображаться как указано выше внутри

Я сделал это здесь.

Примечание. Я также хочу иметь возможность писать заголовки графов в коде jquery.

HattrickNZ 03 март 2014, в 03:01

Источник

0

Могу я спросить, почему вы не хотите, чтобы в коде было только 12 делений?
Samsquanch 03 март 2014, в 02:54

Теги:

jquery

html

1 ответ

Ещё вопросы

Могу я спросить, почему вы не хотите, чтобы в коде было только 12 делений?

CRABOLO · Accepted Answer · 2014-03-02T23-05-00.000Z

http://jsfiddle.net/NVyLb/4/

HTML

<div class="container"></div>

JQuery

$(document).ready(function() {
    for (var x = 1; x < 13; x += 1) {
        $('.container').append('<div class="chart half"><h3 id="g' + x + '">Graph' + x + '</h3><svg id="chart' + x + '"></svg></div>');
    }
});

Вы должны использовать цикл for при создании многих элементов динамически, и эти элементы имеют похожие классы /id/text. В готовом документе это для цикла работает, создавая 12 div. Идентификатор h3 увеличивается на 1 на каждый цикл, а также на идентификатор svg. Кроме того, текст заголовка h3 увеличивается каждый раз на 1, поэтому он говорит Graph1, затем Graph2 и т.д. И т.д.

http://jsfiddle.net/NVyLb/4/

HTML

<div class="container"></div>

JQuery

$(document).ready(function() {
    for (var x = 1; x < 13; x += 1) {
        $('.container').append('<div class="chart half"><h3 id="g' + x + '">Graph' + x + '</h3><svg id="chart' + x + '"></svg></div>');
    }
});

Вы должны использовать цикл for при создании многих элементов динамически, и эти элементы имеют похожие классы /id/text. В готовом документе это для цикла работает, создавая 12 div. Идентификатор h3 увеличивается на 1 на каждый цикл, а также на идентификатор svg. Кроме того, текст заголовка h3 увеличивается каждый раз на 1, поэтому он говорит Graph1, затем Graph2 и т.д. И т.д.

На каждой из 12 циклов он добавляет новый div который включает div, h3, svg, в div .container на странице.

link tks, это то, что я получил, глупо / бессмысленно объявлять переменную $ div?
@HattrickNZ Нет причин объявлять его как переменную.