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

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

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

На Главной странице (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};
});


Спасибо!
  • Вопрос задан
  • 2977 просмотров
Подписаться 3 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик расширенный
    13 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 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>")
	}
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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