Как заполнить список HTML в цикле

Question

Как заполнить список HTML в цикле

У меня есть список Html, я получаю данные в виде JSON-словаря из вызова REST, я перехожу и получаю их значения. Но я не мог найти, как сгенерировать Html ниже с элементами в цикле.

<div class="container">

    
        <div class="date">20-12-2012</div>
        <div class="ammount">-€4,25</div>
    
    
        <div class="place">data</div>
        <div class="category">data</div>
        <div class="description_title">data</div>
        <div class="description">data</div>
    

   //repeat this for multi items received from REST

$.ajax
  ({

   success: function (data){                    
        var transactions=data['transactions'];      

        $.each( transactions, function( key, value ) {
             $.each( value, function( key, value) {

                //here how to set/create the appropriate div elements(like above) 
               //with the values I get here in a loop? 

             });                        
      });

EDIT some solutions below is fine, but I dont want all the values from my object array, how can I get only these items(date, amount, place..etc) to the html div and ignore other items in the dictionary

0

добавлено 09 Январь 2013 в 05:20 автор Spring отредактировано 10 Январь 2013 в 01:37

Просмотры: 3

источник

nl ja de

Просьба предоставить образец ответа JSON с сервера.

добавлено 09 Январь 2013 в 05:21, автор Cᴏʀʏ, источник

3 ответы

Видеокурс "Создание приложений для Android"

Получи множество видеоуроков по Android сейчас

Видеокурс по Java для начинающих

Получи видеокурс по Java для начинающих с упражнениями

вы можете использовать..

     var data = "";

   $.each( transactions, function( key1, value1 ) {
         data +="";

             $.each( value1, function( key, value) {
                 data +="<div class ='"+ key +"'>"+value+"</div>"; 
             });
     });  


   $("ul").html(data);//selecting ul element and then embedding html into it..

1

добавлено 09 Январь 2013 в 05:29 автор sourcecode

источник

thx, моя проблема в том, что мне нужно, чтобы некоторые из значений из этого списка не переименовывались во все стороны, как я могу это сделать?

добавлено 10 Январь 2013 в 01:34, автор Spring, источник

Мини-курс по Angular и NgRx

16 видео-уроков

автор Ankush Jain · Answer 1 · 2013-01-09T05:25Z

попробуйте это ... возьмите переменную, сообщите html ... итерацию через json array ... добавьте элементы в список ... и поместите весь html внутри div.

var html='';
$.ajax
  ({

   success: function (data){                    
        var transactions=data['transactions'];      

        $.each( transactions, function( key, value ) {
             $.each( value, function( key, value) { 
                html+=''+value+'';
             });                        
      });
       } 
 }); 
html+='';
$('#idofdiv').html(html);

автор cggaurav · Answer 2 · 2013-01-09T05:23Z

$.each( value, function( key, value) {

            //here how to set/create the appropriate div elements(like above) 
           //with the values I get here in a loop? 

            $(".infoDetails").append("<div class='" + key + "'>" + value + "</div>");
         });