Обертывание элементов страницы .wrap() .wrapAll() Функции помещают заданное содержимое вокруг выбранных элементов(как бы “обертывая” их). Имеется два варианта использования функций: .wrap(content), .wrapAll(content) :jQuery v:1.0, v:1.2 выбранные элементы будут “обернуты” содержимым content, которое может быть задано html-текстом, объектом jQuery или DOM объектом. Различия методов заключается в том, что wrap оборачивает каждый выбранный элемент по отдельности, а wrapAll оборачивает все элементы сразу.…
Строки в таблице
$(‘tr’).each(function(){ var $this=$(this); if($this.children(‘td’).html()==’НАБОР’||$this.children(‘td’).html()==’НЕ НАБОР’){ $this.addClass(‘node’) } }); $(‘tr’).each(function(){ var $this=$(this); if ( $this.parent().is( “tbody” ) ) { $this.unwrap(); } if($this.children(‘td’).html()==’НАБОР’){ $this.addClass(‘mark’); } }); $(“tr.node”).each(function(){ $(this).nextUntil(“tr.node”).wrapAll(” “); }); $(‘.mark’).on(“click”,function(){ $(this).next(“tbody.content”).toggle(); }); }); Тип Название Состав Наличие Цена НАБОР Костюм 1 500 Футболка Футболка2 Футболка3 НЕ НАБОР Пиджак something 500 НЕ НАБОР Пиджак something 500 НАБОР…
Задаем любой атрибут
Задаем любой атрибут, в данном случае data-id для классов .swa-age и .vsp-ive $(‘.swa-age’).attr(‘data-id’, function(index) { return ‘swa-age_’ + (index + 1); }) $(‘.vsp-ive’).attr(‘data-id’, function(index) { return ‘vsp-ive_’ + (index + 1); })
При клике на один элемент кликнуть другой
ВАРИАНТ 1 При клике на один элемент внутри блока и таблицы кликнуть другой вне таблицы. Имеем неизвестное и неограниченное количество блоков. при клике на –.swa-age кликаем –.vsp-ive // Сначала добавляем атрибутов, чтобы между ними была связь $(‘.swa-age’).attr(‘data-id’, function(index) { return ‘здесь может быть значение – но в данном случае нужно пусто ‘ + (index +…
Скрыть один элемент при наличии другого или определенного слова
Скрыть элемент при наличии другого .men777 .hdhdhd + .tototo { display: none; } Скрыть один элемент при наличии другого или определенного слова $(‘.men444’).each(function() { if ($(this).find(‘.vse-kaly’).length || $(this).is(‘:contains(“Все каналы”)’)) { $(this).find(‘.popylar’).hide(); } }); т
Заменить несколько ссылок на одну
document.querySelectorAll(‘.to-mesto > a’).forEach(e => e.href = ‘https://site.com/portfo/’); Но лучше просто изменить сам HTML или то место, что его генерирует.
Присвоить класс каждому пункту меню в зависимости от вложенности и порядкового положения
function numberLI(ul, depth = 1) { $(ul).children(‘li’).each(function(i, n) { numberLI($(n).addClass(`sub_menu_${depth}${i}`).children(‘ul’), depth + 1); }); } numberLI($(‘.menu > ul’));
Скрыть элемент при наличии в нем 0
Если span имеет “0” то скрываем li, если все li скрыты то скрываем div.ВАРИАНТ 1 Работает для одного блока, для каждого блока пишем свой код. const $el = $(‘[data-css-class=”woof_container_pa_zvet”]’), $li = $el.find(‘ul.woof_list_checkbox > li’), $liZero = $li.has(‘.woof_checkbox_count:contains(“(0)”)’); ($li.length === $liZero.length ? $el : $liZero).hide(); Этот код оставляет заголовки const $el2 = $(‘.woof_container’), $li2 = $el2.find(‘ul.woof_list…
Скрыть div если в нем ничего нет
.wices:empty { display: none; } /****************/ div.wices:empty { display: none; } div = document.querySelector(‘.wices’); if(!div.innerHTML) div.style = “display: none”;
Скрыть div в котором все li имеют display: none
Не работает в мобильном хром 42 $(‘.woof_container’).each(function() { const $li = $(this).find(‘li’); if ($li.get().every((e) => e.style.display === ‘none’)) { $(this).hide(); } });
Свежие комментарии