错误在哪里？（不能具体，因为我不知道......：/）答案

【问题标题】：Where is the mistake? (Can't be specific because I have no clue... :/ )错误在哪里？（不能具体，因为我不知道......：/）
【发布时间】：2012-01-13 23:47:16
【问题描述】：

目标

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

示例/测试

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>

我的思路：

加载 dom 时，
遍历所有跨度元素，
将变量设置为父元素的类名并
将跨度元素的文本设置为此变量。（ergo echoing 出父母的班级名称）。

问题

为什么第一个链接后面的页面不起作用？以及为什么 jsfiddle 测试可以交付？

* 为什么 jsfiddle-result 以 });//]]> 开头？

非常感谢！

【问题讨论】：

我从您的网站收到两个错误：Failed to load resource: the server responded with a status of 404 (Not Found)（用于 jquery）导致Uncaught ReferenceError: $ is not defined。 jquery 库没有加载所以不能工作。

标签： jquery iteration this attr each

【解决方案1】：

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

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

【讨论】：

天哪，我好惭愧。我很确定我链接到了谷歌。
没关系。我曾经在某件事上卡住了一个小时，开始向其他人解释这个问题，通过解释它突然意识到我的问题的非常明显的原因，他们甚至没有说任何话。 :-)

【解决方案2】：

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

【讨论】：