Как мне продолжить создавать фильтр для продуктов?

199
17 августа 2018, 22:30

Как мне продолжить создавать фильтр для продуктов? Есть созданы объекты

var goods = { 
	"28292" : { 
		"name" : "Банан", 
		"cost" : 30, 
		"img" : "https://cdn2.iconfinder.com/data/icons/jetflat-fruits/90/002_014_banana_banan_plant_herb_fruit_food-128.png", 
		"sklad" : "да" 
	}, 
	"23729" : { 
		"name" : "Помидор", 
		"cost" : 40, 
		"img" : "https://cdn0.iconfinder.com/data/icons/nature-life-in-color/128/tomato-color-128.png", 
		"sklad" : "нет" 
	}, 
	"11223" : { 
		"name" : "Клубника", 
		"cost" : 60, 
		"img" : "https://cdn3.iconfinder.com/data/icons/fruits-and-vegetables-13/32/strawberry-fruit-berry-128.png", 
		"sklad" : "да" 
	} 
}; 
 
var filter_goods = { 
	price : '', 
	nalichye : '', 
	name_producnt : { 
		'baban' : '', 
		'pomidor' : '', 
		'clubnika' : '' 
	} 
}
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
    <link rel="stylesheet" href="style.css"> 
    <script src="1.js" defer></script> 
</head> 
<body> 
	<div id="out"></div>	 
	<div id="filter_goods"></div> 
</body> 
</html>

хочу и кинуть в html и сделать фильтр. Заранее Спасибо)

READ ALSO
Не корректный jQuery селектор

Не корректный jQuery селектор

Есть вот такая разметка:

207
При скролле сайт скрывает элементы

При скролле сайт скрывает элементы

При загрузке сайт выглядит так:

223
Как сократить jQuery?

Как сократить jQuery?

Возможно ли как-то сократить данную функцию? Выглядит ужасно, особенно когда попапов более десяти :(

168