Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 1
Регистрация: 12.06.2015
Сообщений: 13
1

Как получить нужную мне структуру HTML из JSON

30.06.2015, 12:31. Просмотров 371. Ответов 0
Метки нет (Все метки)


Нужен совет что поменять в json структуре или в коде , чтоб получить такую разметку:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<div class="works blocks">
 <div class="worksFastFood  hide">
        <div class="work-wrapper closed w1" style="width: 316.6px;"> 
          <img data-video="Hiqu6-g523yM" data-alt-src="img/works/preview/Hiqu6-g53yM_h.jpg" src="img/works/preview/Hiqu6-g53yM.jpg" title="" alt="">
          <h4>Digital_1</h4>
        </div>
        <div class="work-wrapper closed w2" style="width: 316.6px;"> 
          <img data-video="r3-K4vv2R2e6E" data-alt-src="img/works/preview/r3-K4vvRe6E_h.jpg" src="img/works/preview/r3-K4vvRe6E.jpg" title="" alt="">
          <h4>Digital_2</h4>
        </div>
        <div class="work-wrapper closed w1" style="width: 316.6px;"> 
        </div>
        <div class="clearfix"></div>
    </div>
 <div class="worksFitness  hide">
        <div class="work-wrapper closed w1" style="width: 316.6px;"> 
          <img data-video="np_IEdf22z0I" data-alt-src="img/works/preview/np_IEdf2z0I_h.jpg" src="img/works/preview/np_IEdf2z0I.jpg" title="" alt="">
          <h4>Digital_3</h4>
        </div>
        <div class="work-wrapper closed w1" style="width: 316.6px;"> 
          <img data-video="1Rmzl2KpZTaY" data-alt-src="img/works/preview/1RmzlKpZTaY_h.jpg" src="img/works/preview/1RmzlKpZTaY.jpg" title="" alt="">
          <h4>Digital_4</h4>
        </div>
        <div class="clearfix"></div>
    </div>
 
</div>
 
 
 
А и з того кода что у меня получаеться во такая Разметка: 
 
<code> 
<div class="works blocks">
 
<div class="worksFastFood" style="float: left; height: auto;" hide"=""><div class="work-wrapper closed w2"><img data-video="r3-K4vvRe6E" src="/Kvinto/img/works/preview/r3-K4vvRe6E.jpg" data-alt-src="r3-K4vvRe6E.jpg title=" "="" alt=""><h3>Digital <br> </h3></div></div>
<div class="worksFastFood" style="float: left; height: auto;" hide"=""><div class="work-wrapper closed w2" style="width: 316.6px; background-color: rgb(33, 33, 33);"><img data-video="r3-K4vvRe6E" src="/Kvinto/img/works/preview/r3-K4vvRe6E.jpg" data-alt-src="r3-K4vvRe6E.jpg title=" "="" alt=""><h3>Digital <br> )</h3></div></div>
<div class="worksFitness" style="float: left; height: auto;" hide"=""><div class="work-wrapper closed w1" style="width: 316.6px; background-color: rgb(107, 32, 161);"><img data-video="np_IEdf2z0I" src="/Kvinto/img/works/preview/np_IEdf2z0I.jpg" data-alt-src="np_IEdf2z0I.jpg title=" "="" alt=""><h3>Digital <br> </h3></div></div>
<div class="worksFitness" style="float: left; height: auto;" hide"=""><div class="work-wrapper closed w1" style="width: 316.6px; background-color: rgb(107, 32, 161);"><img data-video="np_IEdf2z0I" src="/Kvinto/img/works/preview/np_IEdf2z0I.jpg" data-alt-src="np_IEdf2z0I.jpg title=" "="" alt=""><h3>Digital <br> </h3></div></div>
 
</div>
 
 
 
 
 
 
 
Вот сам код :
 
function renderWorked(itemsi) {
 
    $('#cases').append('<div class="works block" >   </div>'); // создаём див в который будет добавляться информация с джсон
 
    var containered = $('.block'),
        html = [],
        i, item; // сюда должно добавлять 
    console.log(containered)
    for (i = 0; i < itemsi.length; i++) {
 
 
        item = itemsi[i];
        var inter = item['Category'];
 
 
 
        if ($(".FastFood, Azk,Fitness")) {
            //if(inter === item['Category']){html.push('<div class="clearfix"></div>'); }
            // $(".Food:last").after("<div class='clearfix'></div>");
 
 
 
 
            console.log(inter);
            html.push('<div  class="works' + item['Category'] + '"' + 'style="float: left"' + 'hide">');
            html.push('<div class="work-wrapper closed w' + item['Wraper'] + '">');
            html.push('<img data-video="' + item['data-video'] + '" src="/Kvinto/img/works/preview/' + item['image-data'] + 'data-alt-src="' + item['data-alt-src'] + '.jpg title="" alt=""   >');
            html.push('<h3>' + item['title'] + '</h3>');
            html.push('</div>');
        }
 
 
        html.push('</div>');
        containered.html(html.join(''));
        // html.push('<div class="clearfix"></div>');
    }
 
}
 
 
var workItemsed = [
 
 
    {
        'Wraper': '2',
        'Category': 'FastFood',
        'data-video': 'r3-K4v2vRe6E',
        'data-alt-src': 'r3-K42vvRe6E',
        'image-data': 'r3-K4vvR2e6E.jpg"',
        'title': 'Digital <br> digital'
    }, {
        'Wraper': '1',
        'Category': 'FastFood',
        'data-video': 'szor3Tr2gxm4',
        'data-alt-src': 'szor23Trgxm4',
        'image-data': 'szor3T2rgxm4.jpg"',
        'title': 'Digital <br> Digital'
    }, {
        'Wraper': '2',
        'Category': 'FastFood',
        'data-video': '67-igPt2oM28',
        'data-alt-src': '67-ig2PtoM28',
        'image-data': '67-igP2toM28.jpg"',
        'title': 'Digital <br> Digital'
    },
 
    {
        'Wraper': '1',
        'Category': 'Fitness',
        'data-video': 'np_IEdf2z0I',
        'data-alt-src': 'np_IE2df2z0I',
        'image-data': 'np_IEdf22z0I.jpg"',
        'title': 'Digital <br> Digital'
    }, {
        'Wraper': '1',
        'Category': 'Fitness',
        'data-video': '1RmzlK2pZTaY',
        'data-alt-src': '1Rmzl2KpZTaY',
        'image-data': '1RmzlKpZ2TaY.jpg"',
        'title': 'Digital <br> Digital'
    }, {
        'Wraper': '1',
        'Category': 'Fitness',
        'data-video': 'yvfulPey2N94',
        'data-alt-src': 'yvfulPeyN294',
        'image-data': 'yvfulPe2yN94.jpg"',
        'title': 'Digital <br> Концепт - Digital'
    }
];
 
 
 
 
renderWorked(workItemsed);
 
$('#cases').append('<div class="clearfix"></div>');
$("#cases Azk:last").append('<div class="clearfix"></div>')
$('.FastFood').css('float, left');
 
});
 
 
 
 
Тоесть нужно чтоб например <code> <div class="worksFastFood"> </div> недублировался , а в него записывались <div class="work-wrapper closed w> Которые соотвецтвовалиб нужной категории.
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
30.06.2015, 12:31
Ответы с готовыми решениями:

В JSON строке содержится HTML, необходимо получить HTML разметку в приложении
В JSON строке содержится HTML, необходимо получить HTML разметку в андройд приложении. Получаю из...

Как найти нужную мне функцию?
Скажите пожалуйста как найти нужную мне функцию,например как в Visual studio,там даже можно...

Как добавить данные в таблицу в нужную мне строку?
Добрый день форумчане! Создаю базу данных гостиницы и возникла проблемка. У меня есть несколько...

Как можно в checkbox установить любую нужную мне иконку
Как можно в checkbox установить любую нужную мне иконку? Или у togglebutton уменьшить нормально...

0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
30.06.2015, 12:31

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь или здесь.

Класс - матрица, как объявить нужную мне матрицу в конструкторе
имеется класс матрица class matrix { private: int **matr; int m; int n; void create() {...

Как получить из строки JSON токен используя JSON.NET?
Доброго времени суток, Господа. Поскажите пожалуйста. Я никогда не работал с JSON. Вот тут решил...

Пытаюсь получить html страницы через ajax, приходит json
Сам ajax: $.ajax({ type: &quot;GET&quot;, url: &quot;filter.html&quot;, ...

Как сделать чтобы при нажатии на красный крестик программа не закрывалась а открывала нужную мне форму?
Как сделать чтобы при нажатии на красный крестик программа не закрывалась а открывала нужную мне...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.