$('.box-none', this).slideToggle(300);
$(this).find('.box-none').slideToggle(300);
document.querySelector('.copybox').addEventListener('click', ({ target: t }) => {
if (t.tagName === 'BUTTON') {
navigator.clipboard.writeText(t.previousElementSibling.textContent);
}
});
const grouped = arr.reduce((acc, n) => {
(acc[n.category] = acc[n.category] || []).push(n.type);
return acc;
}, {});
const html = `
<ul>${Object.entries(grouped).map(([ k, v ]) => `
<li>
${k}
<ul>${[...new Set(v)].map(n => `
<li>${n}</li>`).join('')}
</ul>
</li>`).join('')}
</ul>`;
$('.chosen-select')
.find(`option[data-value="${category}"]`)
.prop('selected', true)
.end()
.trigger('chosen:updated');
Uncaught TypeError: number[i].parents is not a function
number[i]
должно было быть $(number[i])
или number.eq(i)
. Но вообще, организовывать цикл вручную нет необходимости:$('.person-wr a.desc')
.filter((i, n) => !n.innerText.trim())
.closest('.add-info')
.hide();
document.addEventListener('click', function(e) {
const item = e.target.closest('.preliminary-item');
if (item) {
[ 'name', 'quantity', 'proximity' ].forEach(function(n) {
const html = `<p>${item.querySelector(`.request-${n}`).textContent}</p>`;
document.querySelector(`.result-${n}`).insertAdjacentHTML('beforeend', html);
});
}
});
$('.preliminary-item').click(function() {
$.each([ 'name', 'quantity', 'proximity' ], (i, n) => {
$(`.result-${n}`).append(`<p>${$(`.request-${n}`, this).text()}</p>`);
});
});
function getGridSize() {
const w = window.innerWidth;
return [ 500, 700, 1225, Infinity ].findIndex(n => n > w) + 1;
}
function getGridSize() {
const w = window.innerWidth;
return [
{ size: 1, maxWidth: 500 },
{ size: 2, maxWidth: 700 },
{ size: 3, maxWidth: 1225 },
{ size: 4, maxWidth: Infinity },
].find(n => n.maxWidth > w).size;
}
const isEqual = (a, b) =>
a.length === b.length && a.every((n, i) => Object.is(n, b[i]));
const includes = (arrs, search) =>
arrs.some(n => isEqual(n, search));
console.log(includes(array, [ 21, 81 ]));
. el.dispatchEvent(new Event('click'));
// или, если обработчик клика висит не на самом svg, а выше
el.dispatchEvent(new Event('click', { bubbles: true }));
const colors = [
{ color: '...', image: '...' },
{ color: '...', image: '...' },
...
];
background-color
на background-image
:const colorsItems = colors
.map(n => `
<button
style="background-image: url(${n.image})"
class="palette-button"
data-color="${n.color}"
></button>`)
.join('');
.palette-button
- приводите в порядок background:background-position: center;
background-size: contain;
background-repeat: no-repeat;
const markerData = [
{ coord: [ ... ], content: '...' },
{ coord: [ ... ], content: '...' },
...
];
markerData.forEach(function(n) {
const marker = new google.maps.Marker({
position: new google.maps.LatLng(...n.coord),
map,
});
marker.addListener('click', function() {
infowindow.setContent(n.content);
infowindow.open(map, marker);
});
});
name="delivery"
, data-post
- пусть оба будут или delivery, или post). Сделайте пустыми строками значения option'ов, которые соответствуют всем вариантам.$('.result-btn').on('click', function() {
const values = $('select')
.get()
.filter(n => n.value)
.map(n => [ n.name, n.value.toLowerCase() ]);
$('.delivery-table-item')
.show()
.filter((i, { dataset: d }) => values.some(([ k, v ]) => d[k].toLowerCase() !== v))
.hide();
});
создаёт новый массив со всеми значениями, для которых функцияcallback
вернула значение, которое может быть приведено кtrue
true
, если элемент массива является числом, то есть, в результирующий массив попадают только числа, и неважно, каковы их значения. Во втором случае вы возвращаете сам элемент, если он является числом, а нули, они да - имеют своим булевым эквивалентом false
, поэтому и отбрасываются. const icons = {
one: [ 'url иконки раскрытия одного элемента', 'и закрытия' ],
all: [ 'url иконки раскрытия всех', 'что здесь должно быть, думаю догадаетесь' ],
};
const getState = el => $(el)
.closest('.team__info-worklog')
.find('.worklog-table')
.get()
.map(n => $(n).is(':visible'));
const setState = (el, state) => $(el)
.closest('.team__info-worklog')
.find('.worklog-table').each((i, n) => $(n)[state[i] ? 'slideDown' : 'slideUp']()).end()
.find('.worklog-expend-all img').attr('src', icons.all[+state.some(Boolean)]).end()
.find('.worklog-list__expend img').attr('src', i => icons.one[+state[i]]);
const createUpdater = f => e => setState(e.target, f(getState(e.target), e));
$('.worklog-expend-all').on('click', createUpdater(state => {
return Array(state.length).fill(!state.some(Boolean));
}));
$('.team__info-worklog').on('click', '.worklog-list__expend', createUpdater((state, e) => {
const index = $(e.target).closest('.worklog-list__row').index();
return state.map((n, i) => i === index ? !n : n);
}));
const initialValues = [ 100, 100000 ];
const setValues = values => $inputs.val(i => values[i]);
const $slider = $('#slider-range').slider({
range: true,
min: initialValues[0],
max: initialValues[1],
step: 20,
values: initialValues,
slide: (e, ui) => setValues(ui.values),
});
const $inputs = $('#amount_before, #amount_after')
.on('input', () => $slider.slider('values', $inputs.get().map(n => n.value)));
setValues(initialValues);