jquery создание полноценной таблицы

188
11 марта 2018, 21:39

получаю кучу информации через ajax (человек просто вбивает в поиске нужное слово и получает кучу инфы), и ее нужно красиво вывести. То есть создать div, внутри него еще 4 div. И так 10 раз. При этом, каждый раз, когда человек пользуется поиском, предыдущие результаты должны стираться. Мои познания в jquery дальше банальных append() и html() не позволяют решить задачку. Подкиньте идеи пожалуйста, как и чем это можно решить

Answer 1

Допустим на странице уже имеется div с id='content' куда и будем помещать данные. Ты берешь свой AJAX ответ и считаешь сколько он вернул результатов поиска. Допустим их 3. Значит тебе 3 раза нужно вставить в div с id='content' по 4 дива (вложенных). Ниже кину функции, которые тебе помогут.

var content = $('div#content'); //наш див с результатами поиска
content.empty(); //очистит все внутри него;

var data = [{name:'Миша',age:'17'}, {name:'Саша',age:'18'}]; //допустим так выглядит твой АЯКС ответ
for (var i = 0; i < data.length; i++) { //объявляем цикл с количеством итераций равной количеству данный в ответе
    content.append('\
        <div class="main">\
            <div>\
                <div>' + data[i].name + '</div>\
                <div>' + data[i].age + '</div>\
            </div>\
        </div>\
    ');
}

Вопрос не полон, поэтому отвечаю абстрактно.

READ ALSO
Как сделать окно разговора

Как сделать окно разговора

Привет! Мне нужно сделать так как на скриншоте

265
Можно ли поменять цвет текста в кавычках css?

Можно ли поменять цвет текста в кавычках css?

Добрый вечер всем, возник такой вопрос: Можно ли поменять цвет текста в кавычках css? Если можно то как это сделать? Есть форма, у меня есть placeholder,...

195
Геометрическая фигура CSS

Геометрическая фигура CSS

Всем привет! Возможно вопрос для многих очень прост , но все же мне надоело использовать картинку , и хочу по немного расти , подскажите пожалуйста...

197
Форма обратной связи не работает

Форма обратной связи не работает

Помогите запустить форму

245