哪里出错了？ （不能具体，因为我没有线索......：/）

Question

目标

我试图让jQuery在嵌套容器中输出父容器的类名作为文本。更具体地说，我希望每个<p>中的所有文本都使用不同的字体进行样式设置。这很容易，我刚刚分配了课程。但我还想在每个<span>中使用<p>来显示使用过的字体（只需将父类的类名添加为文本）。

实例/测试

THIS link shows the not-working page

奇怪的是，

THIS jsfiddle test (kinda*) works

（有点）代码

第二个链接在检查代码时也非常方便，所以我希望如果我只在这里粘贴jquery-stuff就可以了（我发现很可能我把那部分搞砸了......再次...）

<script type="text/javascript">
   $(document).ready(function() {
      $("span").each(function() {
         var usedfont= $(this).parent().attr("class");
         $(this).text(usedfont);
      });
   });
</script>

我的火车：

1. 加载dom时，
2. 遍历所有span-elements，
3. 将变量设置为父元素的类名和
4. 将span-element的文本设置为此变量。（ergo echoing 出父母的班级姓名）。

问题（S）

为什么第一个链接后面的页面不起作用？为什么jsfiddle测试会提供？

* 为什么jsfiddle-result从});//]]>开始？

非常感谢！

Answer 1

答案很简单：http://www.cgeese.de/tests/webfonts/js/jquery-1.7.min.js是404。

编辑：你的jsfiddle有问题因为没有必要在小提琴的JavaScript部分使用<script>标签。那里的所有代码都将被解释为javascript。只需使用jQuery作为外部依赖项（左侧列表）并删除包含您自己的JS的script标记。

Answer 2

jsfiddle也可以。顶部的“奇怪的东西”来自你的代码（手动插入script标签和jQuery到已经使用jQuery的小提琴的javascript部分）