Есть элемент, при клике на который происходит добавление данных в массив:
<a href="#" data-name="Apple" data-id="1" data-img="http://site.com/image.jpg" data-link="http://site.com/page">Item1</a>
<a href="#" data-name="IBM" data-id="2" data-img="http://site.com/image.jpg" data-link="http://site.com/page">Item2</a>
Это важные участки скрипта:
var myCart = (function () {
var cart = [];
function Item(name, id, img, link) {
this.name = name;
this.id = id;
this.img = img;
this.link = link;
}
function saveCart() {
localStorage.setItem("myCart", JSON.stringify(cart));
}
function loadCart() {
cart = JSON.parse(localStorage.getItem("myCart"));
if (cart === null) {
cart = [];
}
}
loadCart();
var obj = {};
obj.addItemToCart = function (name, id, img, link) {
for (var i in cart) {
if (cart[i].name === name) {
saveCart();
return;
}
}
var item = new Item(name, id, img, link);
cart.push(item);
saveCart();
};
})();
$("a").click(function(event){
event.preventDefault();
var name = $(this).attr("data-name");
var id = Number($(this).attr("data-id"));
var img = $(this).attr("data-img");
var link = $(this).attr("data-link");
});
Класс можно было добавить при нажатии на ссылку, но, после перезагрузки страницы он естественно исчезнет. Содержимое массива сохраняется в кеш. Как проверить содержимое массива по одному атрибуту, например, id и добавить класс к элементу, который содержит такой атрибут?
$('#'+id).addClass('new-class')
– splash58 7 янв '18 в 14:19