Задать вопрос

Как объединить несколько блоков на определенной странице?

Всем привет! Помогите новичку, пожалуйста.

На Главной странице (index.html) есть два блока (header и article), которые необходимо обернуть одним родительским (section class="index"). При этом на других страницах никакого общего слоя для указанных блоков быть не должно.

Долгое время бьюсь с кодом, никак не выходит. Наиболее близкий вариант к истине, как мне кажется:

<header>
	Первый блок
</header>

<article>
	Второй блок
</article>


$(function(){
	// В переменную записываем текущий url
	var index = window.location.pathname;
	// Если текущий url совпадает с указанным...
	if(var index == "site.ru/index.html"){
		// ... блоки оборачиваем родительским контейнером
		$("header, article").wrapAll("<section class='index'></section>")
	}
	else {return false};
});


Спасибо!
  • Вопрос задан
  • 2976 просмотров
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
$(function(){
	// В переменную записываем текущий url
	var index = window.location.pathname;
	// Если текущий url совпадает с указанным...
	if(index == "/index.html"){
		// ... блоки оборачиваем родительским контейнером
		$("header, article").wrapAll("<section class='index'></section>")
	}
});

или так
$(function(){
	if(window.location.pathname.indexOf("index.html")){
		$("header, article").wrapAll("<section class='index'></section>")
	}
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы