Показать сообщение отдельно
  #5 (permalink)  
Старый 17.09.2018, 13:44
Аватар для MC-XOBAHCK
Профессор
Отправить личное сообщение для MC-XOBAHCK Посмотреть профиль Найти все сообщения от MC-XOBAHCK
 
Регистрация: 06.08.2017
Сообщений: 473

Вот такой есть вариант:
<ul class="list"></ul>


<script>
    let productsJSON = '{"products": [{"id": "1", "code": "LDS51", "title": "Kindness", "disabled": "true"}, {"id": "2", "code": "LF532", "title": "Some sample", "disabled": "false"}, {"id": "3", "code": "LF532", "title": "Some sample", "disabled": "true"}, {"id": "4", "code": "LF532", "title": "Some sample"}]}';

    let products = JSON.parse(productsJSON);
    

    function listItems(params) {
        let item = document.createElement('li');
        item.className = 'item';
        item.setAttribute('data-id', params[0]);
        item.innerHTML = `<div>${params[2]}</div> `;

        document.querySelector('ul.list').appendChild(item);
    }

    let listProducts = products['products'];

    for (let i = 0; i < listProducts.length; i++) {
        if (listProducts[i].disabled == 'true') {
            listItems([listProducts[i].id, listProducts[i].code, listProducts[i].title]);
        }
    }
</script>

Последний раз редактировалось MC-XOBAHCK, 17.09.2018 в 14:26.
Ответить с цитированием