Вы можете просто искать значения объекта, так что вам не нужно заботиться о названиях ключей.
filteredPayload: state.myPayload.filter(item => (
Object.values(item).some(objValue => (
objValue.toLowerCase().match(value)
))
))
Вот HTML, который, вероятно, должен быть вставлен с помощью JS, а стили должны быть во внешней таблице стилей.
<div style="background: gray; width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px" id="modal">I'm a modal</div>
Затем вы можете использовать jQuery для его отображения.
$('a.modal').bind('click', function(event) {
event.preventDefault();
$('#modal').fadeIn(800);
});
Это только начало, вы захотите извлечь уроки из этого и использовать его. Например, сценарий должен проверить is (': hidden')
и показать, а если нет, то fadeOut (800)
или аналогичный.
Я использую это для маски, которая находится в верхней части экрана
.Mask {
display: none;
width: 100%;
height: 100%;
z-index: 9000;
padding: 0px;
margin: 0px;
background: transparent url(http://i.imgur.com/0KbiL.png);
position: fixed;
top: 0px;
overflow: hidden;
}