Как заменить содержимое элемента при загрузки страницы?

Question

[Сергей вопросов]

Здравствуйте. Имеется вот такой список:

<ul>
	<li>
		<span>Заголовок</span>
		<ul>
			<li>Значние 1</li>
			<li>Значние 2</li>
			<li>Значние 3</li>
			<li class="active">Значние 4</li>
			<li>Значние 5</li>
		</ul>
	</li>
</ul>

Никак не могу прописать скрипт, никак не выходит. Нужно чтобы при загрузке страницы значние ul> li> span содержимое ("Заголовок") заменялось на содержимое активного пункта из ul> li> ul> li.active

Т.е. получается страница загрузилась, и в ul> li> span вместо
<span>Заголовок</span>
Появилось
<span>Значние 4</span>

Нужно учесть что таких блоков будет множество на сайте, т.е. нужен один общий скрипт.. Помогите пожалуйста кто знает решение

Comments

[Ptolemy_master]

Ну вы хотя бы напишите, какую библиотеку или фреймворк используете, чтобы люди знали, в чем у вас может быть затык. Ну и неработающий код в студию.

[Сергей вопросов]

Да вроде как указал


Не рабочего кода и нет-то по сути, пробовал в разных вариациях делать, все дублировать сюда думаю тоже не вариант :)

Answer 1

[eRKa]

Сделайте как то так

<ul class="block">
	<li>
		<span class="title">Заголовок</span>
		<ul>
			<li>Значние 1</li>
			<li>Значние 2</li>
			<li>Значние 3</li>
			<li class="active">Значние 4</li>
			<li>Значние 5</li>
		</ul>
	</li>
</ul>
<ul class="block">
	<li>
		<span>Заголовок2</span>
		<ul>
			<li>Значние 11</li>
			<li>Значние 22</li>
			<li>Значние 33</li>
			<li class="active">Значние 44</li>
			<li>Значние 55</li>
		</ul>
	</li>
</ul>
<script>
	$(".block").each(function () {
		$(this).find("span").html($(this).find(".active").html());
	});
</script>

Comments

[Сергей вопросов]

Супер!! Спасибо большое, всю голову поломал а вот о .each даже и не думал, не знал))