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

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

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


Спасибо!
  • Вопрос задан
  • 2948 просмотров
Решения вопроса 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>")
	}
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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