Questions tagged «children»

我想知道，JavaScript提供了多种方法来从任何元素中获取第一个子元素，但是哪种方法最好？最好的意思是：在行为方面，大多数跨浏览器兼容，最快，最全面且可预测。我用作别名的方法/属性的列表： var elem = document.getElementById('container'); var child = elem.children[0]; var child = elem.firstElementChild; // == children[0] 这适用于两种情况： var child = elem.childNodes[0]; // or childNodes[1], see below 在表单或<div>迭代的情况下。如果我可能遇到文字元素： var child = elem.childNodes; // treat as NodeList var child = elem.firstChild; 据我所知，firstChild使用来自的NodeList childNodes，并firstElementChild使用children。我将此假设基于MDN参考： childNode是对元素节点的第一个子元素的引用，或者null如果不存在的话。 我猜想，就速度而言，差异（如果有的话）几乎为零，因为firstElementChild实际上是对的引用children[0]，并且该children对象无论如何已经在内存中。 扔给我的是childNodes物体。我用它来查看表格元素中的表单。虽然children列出了所有表单元素，但childNodes似乎还包含HTML代码中的空格： console.log(elem.childNodes[0]); console.log(elem.firstChild); 两者均记录 <TextNode textContent="\n "> …

233 javascript  dom  elements  children 

这个 if是给我带来麻烦的条件： if (div id=myfav has children) { do something } else { do something else } 我尝试了以下所有方法： if ( $('#myfav:hasChildren') ) { do something } if ( $('#myfav').children() ) { do something } if ( $('#myfav:empty') ) { do something } if ( $('#myfav:not(:has(*))') ) { do something }

202 jquery  children 

按照目前的情况，这个问题不适合我们的问答形式。我们希望答案会得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心寻求指导。 8年前关闭。 原始问题 我应邀参加了我大女儿的幼儿园小组，以讨论和回答孩子们关于我的职业的问题。小组中有26位4-6岁的孩子，外加3位老师，他们很害怕与编程和IT相关的事情，但足够敢于学习新技巧。没有投影仪或其他任何东西，我大约需要20-30分钟。他们有一台旧计算机，从外观上看可能是486，而且我什至不确定它是否在运行（更新：不是）。 我的研究发现了出色的早期线程，并提供了许多很好的技巧： 您如何向5岁的孩子解释您的工作？ 职业生涯日：如何使“计算机程序员”听起来像八岁孩子一样酷？ 我可以在一天内教给一群孩子什么编程知识？ 但是，我的情况与上述情况有所不同：后一个问题与大孩子有关，而第一个问题是与一个小孩（或老人）聊天-20人一组是完全不同的挑战。 我如何以一种有趣的方式教孩子们和他们的老师有关编程的知识？ 根据答案计划 谢谢大家提供的所有令人惊奇的答案：-)我认为接受一个答案没有任何意义，但是我最喜欢吉姆，就像大多数SOers一样。但是，很多其他答案都包含有用的提示和想法（我一定会在学校将来的职业生涯中使用其中的一些提示和想法...）。 我制定了一个粗略的计划： 简要解释一下编程是什么，就像这个答案。 告诉计算机无处不在，并与孩子一起收集示例（如以下几个答案所建议）。 做吉姆的三明治介绍。 如果时间允许，请进一步构建它： 解释说，电脑的优势在于，他们还记得正是他们曾经教过的内容（通过准备第二块三明治，重复所有的第一次尝试的故障证明它） 第二轮尝试修复过程中的错误 解释循环的概念：您可以使计算机n仅用一条指令即可准备三明治 这是我的计划-我很确定结果会大不相同，因此我会根据情况即兴创作。演讲安排在大约2周的时间内-我将在之后更新该帖子，并说明它的实际效果... 结果 演讲的那天终于到了今天……总之，一切顺利，并取得了巨大的成功:-) 这次，这个小组变得非常躁动和精力充沛，所以谈话有时变得有些混乱。我不得不缩短时间，参加Big Sandwich Maker Show。正如吉姆所说，孩子们喜欢它。 但是有一个无法预料的副作用：第一片面包终于准备好后，每个人都想吃！因此，有段时间-在此期间，我试图保持对话并详细说明编程-我们不得不与幼儿园的老师们建立一条紧急服务热线，以生产大量的果酱面包并喂饱饥饿的人群（这是一半早餐后一个小时记录下来：-)。然后我们用完了面包，这显然意味着演示的结束。当清理完烂摊子后，孩子们最大的笑声爆发了，孩子们注意到那台可怜的电脑踩在一块果酱上，把袜子弄坏了:-) 老师们也给他们留下了非常积极的印象-从反馈中可以看出，这是迄今为止该小组中最有趣的职业生涯日。再次感谢大家的好主意！ 有待改进的地方（下次）： 当我问“您认为计算机是否智能吗？”时，令我惊讶的是，大多数人回答“否”。然后我问谁认为计算机很智能，为什么。但是我忽略了问谁认为计算机很笨，为什么？-因此我认为我错过了一些潜在的有趣答案。 邀请孩子们围坐在桌子旁让他们积极参与进来……但有时可能有点太积极了。面包片开始从桌子上消失，有些听众模仿计算机，就像用手指蘸黄油和果酱一样：-)所以最好保持一定距离。 为了控制饥饿的人群，应该事先明确告知孩子们：“您可以吃所有的面包，但只有在示威之后！” 但是总的来说，我对结果很满意。而且我敢肯定，孩子们得到的核心信息是：作为一名程序员，如果您避免造成混乱，那么您可以制作面包（甚至配果酱：-）

187 children 

我试图像这样遍历childNodes： var children = element.childNodes; children.forEach(function(item){ console.log(item); }); 但是，Uncaught TypeError: undefined is not a function由于forEach功能而输出。我也尝试使用children代替，childNodes但没有任何改变。 有人知道发生了什么吗？

83 javascript  loops  children 

我正在使用这个： jQuery('.class1 a').click( function() { if ($(".class2").is(":hidden")) { $(".class2").slideDown("slow"); } else { $(".class2").slideUp(); } }); 页面结构： <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> 仅当您没有多个class1 / class2集时，它才起作用： <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> <div class="class1"> <a href="...">text</a> <div class="class2">text</div> </div> 如何更改初始jquery代码，使其仅影响单击的class1下的class2？我尝试了如何获得$（this）选择器的子级的建议？但没有成功。

70 jquery  css-selectors  children