function example() {
for (let i = 1; i <= 3; i++) {
this['zp' + i] = prompt('Введите зарплату '+ [i]+ ' сотрудника');
}
console.log(zp1, zp2, zp3);
}
example();
const selector = '.form-group';
const attr = 'data-property-id-row';
const values = [ 10, 13, 15 ];
const elementsToHide = document.querySelectorAll(values
.map(n => `${selector}[${attr}="${n}"]`)
.join(', ')
);
for (let i = 0; i < elementsToHide.length; i++) {
elementsToHide[i].style.transform = 'scale(0)';
}
// или
(function next(i, n = elementsToHide.item(i)) {
n && (n.style.visibility = 'hidden', next(-~i));
})(0);
const elements = document.querySelectorAll(selector);
for (const n of elements) {
n.hidden = values.includes(Number(n.attributes[attr].value));
}
// или (в стили надо будет добавить .hidden { display: none; })
elements.forEach(function(n) {
n.classList.toggle('hidden', this.has(+n.getAttribute(attr)));
}, new Set(values));
Как выполнить фон таким образом?
background
<div class="container">
<div class="row">
<div class="col-md-3">дата</div>
<div class="col-md-8 col-md-offset-1">хлебные крошки</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="row">
<div class="col-md-3">Поделится</div>
<div class="col-md-8 col-md-offset-1">Название статьи</div>
</div>
<div class="col-md-10 col-md-offset-1">Текст статьи</div>
</div>
<div class="col-md-3 col-md-offset-1">содержимое</div>
</div>
</div>
<div class="row">
<div class="col-lg-10 offset-lg-1">
<div class="table-resposive">
<table class="my-custom-table">
<tr>
<td class="table__header">Плюсы</td>
<td class="table__header">Минусы</td>
</tr>
<tr>
<td class="table__content">печать неощутима на ткани</td>
<td class="table__content">самый сложный и поэтому дорогой способ шелкографии</td>
</tr>
<tr>
<td class="table__content">футболку можно гладить по рисунку</td>
<td class="table__content">технологически сложно достичь точной цветопередачи,
некоторые
цвета не выглядят так ярко, как задумывалось в макете
</td>
</tr>
<tr>
<td class="table__content">высокая стойкость рисунка при стирке</td>
</tr>
<td class="table__content">возможный процент брака больше, чем при других видах
шелкографии, так как результат можно увидеть только после сушки
</td>
</table>
</div>
</div>
</div>