Цель
Я пытался заставить jQuery вывести имя класса родительского контейнера в виде текста во вложенном контейнере. Чтобы быть более конкретным, я хотел, чтобы весь текст в каждом <p>
был оформлен с использованием другого шрифта. Это достаточно просто, я просто назначил классы. Но я также хотел, чтобы <span>
в каждом <p>
отображал используемый шрифт (просто добавив имя класса родителей в виде текста).
Примеры / тесты
ЭТА ссылка показывает неработающую страницу
Довольно странно,
ЭТОТ jsfiddle test (своего рода *) работает
(немного) Код
Вторая ссылка также очень удобна при проверке кода, поэтому я надеюсь, что все в порядке, если я вставлю сюда только jquery (я нахожу весьма вероятным, что я испортил эту часть ... снова ...)
<script type="text/javascript">
$(document).ready(function() {
$("span").each(function() {
var usedfont= $(this).parent().attr("class");
$(this).text(usedfont);
});
});
</script>
Мой ход мыслей:
- при загрузке dom,
- перебрать все элементы span,
- установка переменной в качестве имени класса родительского элемента и
- установка текста элемента span в качестве этой переменной. (Ergo echoing
имя класса родителей).
Вопрос (ы)
Почему не работает страница за первой ссылкой? И почему тест jsfiddle дает?
* Почему результат jsfiddle начинается с });//]]>
?
Спасибо большое!