当前位置：文江博客话题详情

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

发布于 2024-12-19 13:01:16 字数 1122 浏览 2 评论 0原文

目标

我试图让 jQuery 将父容器的类名作为嵌套容器中的文本输出。更具体地说，我希望每个

中的所有文本都使用不同的字体进行样式设置。这很简单，我只是分配了课程。但我还希望每个

中都有一个来显示所使用的字体（只需将父类的类名添加为文本即可）。

示例/测试

此链接显示无法正常工作的页面

奇怪的是，

这个jsfiddle测试（有点*）有效

（一点）代码

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

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

我的思路：

当 dom 加载时，
迭代所有span-elements，
设置一个变量作为父元素的类名，并将
span-element 的文本设置为此变量。（ergo echoing 出家长的班级名称）。

问题

为什么第一个链接后面的页面不起作用？为什么 jsfiddle 测试能够成功？

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

非常感谢！

原文

Goal

I was trying to get jQuery to output the class name of the parent container as text in a nested container. To be more specific, I wanted all text in each <p> to be styled with a different font. That's easy enough, I just assigned classes. But I also wanted a <span> in each <p> to show the used font (simply by adding the parents' class name as text).

Examples/Tests

THIS link shows the not-working page

Weirdly enough,

THIS jsfiddle test (kinda*) works

(a bit of the) Code

The second link is also very convenient when checking the code, so I hope it's ok if I only paste the jquery-stuff in here (I find it very likely that I messed that part up... again...)

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

My train of thoughs:

when dom is loaded,
iterate through all span-elements,
setting a variable as the class name of the parents' element and
setting the text of the span-element as this variable.(ergo echoing
out the parents' class name).