0: {
id: check-option-1,
image: 'тут хранить путь к картинке - [src="тут какая-та картинка"]',
text: 1 1.1
link: 'тут хранить атрибут ссылки - [href="тут какая-та ссылка"]'
},"check-option-1": {
image: 'тут хранить путь к картинке - [src="тут какая-та картинка"]',
text: 1 1.1
link: 'тут хранить атрибут ссылки - [href="тут какая-та ссылка"]'
},0: {
id: check-option-1,
list: {
image: 'тут хранить путь к картинке - [src="тут какая-та картинка"]',
text: 1 1.1
link: 'тут хранить атрибут ссылки - [href="тут какая-та ссылка"]'
}
},function updateModal(list) {
for let key in obj {
// тут теперь не надо делать проверку на тип ключа (id или tag)
}
}[
{
id: "blablabla",
list: [
{
type: "p",
class: "classname1",
list: [
{
type: "text",
text: "2.1"
},
{
type: "img",
class: "какойто класс",
src: "/blabla.ru/picture.img"
}
]
}
]
},
{
id: ......
},
...
]function addToList(elem) {
let wrapper = elem.closest(groupWrapperSelector);
// теперь мы вставляем объект содержащий свойства id и p
// в свойство p вносим innerText из всех P найденых с помощью wrapper.querySelector(selector)
list.push({
id: elem.id,
html: wrapper.outerHTML
});
}function updateModal(list) {
// тут я до сих пор не понимаю что вы хотите увидеть в модальном окне, поэтому пока такой вывод.
// если вам нужно чтото другое, вы вполне осилите переписать эту часть так как вам надо
// в итем лежит объект (смотри addToList), соответственно к его ключам id и p можно обращаться
modal.innerHTML = list.map(item=>{
return item.html;
}).join("<br/>");
}Логика такая - при нажатии на чекбокс, мне нужно заносить в localStorage id чекбокса и параграфов, которые находятся непосредственно после чекбокса
P.S. Я же смогу допустим сохранять картинку в localStorage ?
<img src="путь к картинке" alt=""> или путь к картинке то да, если данные содержащие изображение то надо учитывать ограничения на хранение информации в localstorage/Ограничение размера хранимых данных (как выше было уже сказано, примерно 5 Мб). Это достаточно маленький лимит для приложений, которые должны хранить большой объём данных или нуждаются в возможности работы без подключения к интернету. взято отсюда
Получается мне нужно в объект добавить еще ключи и значения?
{"id":"id элемента": "p":"текст"}. Вы вполне можете добавлять в этот объект любые ключи и значения, и они будут сохранятся в localstorage.
Поддержка различных платформ и браузеров
Разрабатывайте HTML5 веб-приложения для настольных систем, планшетов и смартфонов с сенсорными экранами, работающие в большинстве браузеров.
Только нужно вот так:0: { id: check-option-1, text: 1 1.1 }, 1: { id: check-option-2, text: 2 2.1 }
а вот эти 0: ... 1: ... откуда берутся?
И так, открыл, смотрю и не понимаю вот это
Для чего тут
console.log(this.p = p);присваиваниеА также зачем вы создаете класс Item, так конечно можно, ео в чем смысл?