создание нескольких контейнеров и изменение их div

0

У меня есть всплывающее окно, внутри всплывающего окна находится следующий код, он содержит "контейнер", который формирует шаблон:

<form method="post" class="signin" action="#">
    <div id='container'>
        <div>
            <div id="divFeeTitle"></div>
        </div>
    </div>
</form>

Я заполняю div через контейнер/цикл:

//go into JSON object and print out properties
for(var index=0; index<LineItem.length; index++){
    DisplayTitle(LineItem[index]);
}

Метод отображения заголовка делает следующее:

function DisplayTitle(Object){
    $('#divFeeTitle').html(Object.Title);
}

Проблема в том, что если есть 1+ объекты, divFeeTitle получает перезапись последнего объекта в списке. Когда, если есть 1+ объекты, мне нужно, чтобы они были упорядочены.

2 ответа

0

Если я правильно понимаю вашу проблему, вы можете попытаться использовать .append() вместо .html()

Таким образом, ваша функция DisplayTitle будет выглядеть так:

function DisplayTitle(Object){

  $('#divFeeTitle').append(Object.Title);

}
  • 0
    Эта работа, но мне действительно нужны несколько контейнеров, один за другим для каждого заголовка (и других свойств в этом объекте), так как в конечном итоге я буду перечислять разные значения в каждом, несмотря на то, что базовый шаблон одинаков.
0

Если вы хотите прекратить переписывать свои данные, сначала сохраните свои данные:

var data = $('#divFeeTitle').html();
$('#divFeeTitle').html(data+Object.Title);

Вы можете добавить дополнительный <br> если нужно, и т.д.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню