`
zhangyaochun
  • 浏览: 2614027 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

获取元素的直接的子元素childen

阅读更多

api的使用场景:我们获取目标元素的直接子元素

 

关于ZYC.dom.g请看这里:http://zhangyaochun.iteye.com/blog/1439262

 

注意:

         1、思路主要还是循环-从目标元素的firstChild开始,直到本身和nextSibling一样的时候停止循环,返回一个数组

         2、nodeType的判断 元素1

 

/*
*children --get the children element list for the target element*
*@function*
*@param {HTMLElement|String} element*
*@return {Array} if has no children return []*
*/
ZYC.dom.children = function(element){
        element = ZYC.dom.g(element);
	for(var children =[],el = element.firstChild;el;el = el.nextSibling){
	   if(el.nodeType == 1){
	      children[children.length] = el;
	   }
	}
	return children;
};
分享到:
评论

相关推荐

    js获取元素下的第一级子元素的方法(推荐)

    例如,使用`children`属性可以直接获取元素的所有子元素节点,并且只包含元素节点,不包括文本节点和注释节点。 ```javascript function getChildrenModern(obj) { return Array.from(obj.children); } ``` 在这...

    Jquery实现获取子元素的方法分析

    首先,`children()`方法是jQuery提供的一种获取元素直接子级的方法。它接受一个可选的选择器作为参数,用于筛选匹配的子元素。例如,如果我们有一个`<ul>`元素,我们可以通过`$("ul").children("li")`来获取所有的...

    原生JS获取元素集合的子元素宽度实例

    掌握如何通过原生JavaScript获取元素及其子元素的尺寸信息,并根据这些信息动态调整样式,是前端开发中一项非常实用的技能。本文的实践案例,为处理类似问题提供了一个可参考的思路和方法,对于希望深入学习和应用...

    高效的获取当前元素是父元素的第几个子元素

    从一个索引序号,很容易得到该索引对应的子节点或者子元素,直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。 但反过来,已知一个节点或元素对象,要知道它的索引序号则没有那么直接了。 ...

    javascript获取指定节点父节点、子节点的方法

    4. parentObj.children:获取已知节点的直接子节点数组。 5. parentObj.getElementsByTagName(tagName):使用方法不再赘述,它返回已知节点的所有子节点中类型为指定值的子节点数组。 通过临近节点获取 1. ...

    JS操作DOM元素属性和方法大全

    - `children`: 获取元素的子元素集合,不包含文本节点。 - `firstChild` 和 `lastChild`: 获取第一个和最后一个子节点。 - `previousSibling` 和 `nextSibling`: 获取当前元素的前一个和后一个兄弟节点。 8. **...

    jQuery获取所有父级元素及同级元素及子元素的方法(推荐)

    `$("#id").children(selector)` 方法返回给定元素的所有直接子元素,而 `$("#id").find(selector)` 方法则返回给定元素的所有后代元素,也就是说它会检索所有子元素以及子元素的子元素,依此类推,直到文档的最深层...

    jQuery与javascript对照学习 获取父子前后元素 实现代码.docx

    在jQuery中,可以通过`.children()`方法来获取当前元素的所有直接子元素: ```javascript var children = $('#parentElement').children(); ``` 如果要获取特定类名的子元素,可以在`.children()`后面加上选择器:...

    js与jquery获取父级元素,子级元素,兄弟元素的实现方法

    - `children()`方法只返回直接子元素,不包括文本节点和其他类型的节点。例如,`$("div").children()`会返回所有`div`元素的直接子元素。 - `find()`方法用于查找所有后代元素,不仅仅是直接子元素,可以使用选择...

    使用jquery选择器如何获取父级元素、同级元素、子元素

    2. `children([expr])`:这个方法返回所有直接子元素,可以配合表达式进行过滤,例如: ```javascript $(".level-1").children(".item-i"); ``` 这将选取`.level-1`类的元素下的所有`.item-i`类的直接子元素。 3. ...

    jquery中获取元素里某一特定子元素的代码

    它与“find()”的区别在于,“children()”只能选择直接子元素,而“find()”可以搜索更深层级的后代元素。这在进行复杂的DOM操作时非常有用。 在实际开发中,掌握这些选择器的使用是十分必要的。熟练应用各种选择...

    Jquery获取第一个子元素简单实例

    接下来,`.children()`方法用于获取所有直接子元素。如果我们对`$("#divId")`调用`.children("div")`,它将返回一个jQuery对象,包含了`divId`下所有`<div>`子元素。这个方法允许我们根据元素类型或其他条件筛选子...

    课题-js和jquery获取父级元素、子级元素、兄弟元素的方法.pdf

    首先,我们来看JavaScript获取元素的方法。在JavaScript中,获取指定ID的元素可以使用`getElementById()`方法,然后通过DOM操作来获取子元素、父元素和兄弟元素。例如,获取ID为"dom"的元素下的所有子`div`元素,...

    jQuery获得子元素个数的方法

    在jQuery中,`.children()`是用于获取一个元素所有直接子元素的集合。这个方法返回的是一个jQuery对象,包含了匹配选择器的所有子元素。如果没有任何参数传递给`.children()`,那么它将返回所有类型的子元素。 例如...

    jQuery获取父元素节点、子元素节点及兄弟元素节点的方法

    - `children()`方法:此方法获取所有直接子元素。例如,`$("#firstli").children("h3.title");`会获取`id`为`firstli`的元素下所有`h3`标签且class为`title`的直接子元素。 - `find()`方法:在获取子元素方面,`find...

    课题-js和jquery获取父级元素、子级元素、兄弟元素的方法.docx

    在纯JavaScript中,获取元素相对较为复杂,尤其是在处理不同浏览器的兼容性问题时。例如,获取ID为"test"的元素下的所有子元素,可以使用`getElementsByTagName()`方法: ```javascript var a = document....

    jquery查找父元素、子元素(个人经验总结)

    在JavaScript原生语法中,你可以使用`children[]`属性来访问直接子元素。例如,`document.getElementById('div2').children[0]`将获取`<div2>`的第一个子元素。 在实际应用中,这些方法可以结合事件监听器,如`...

    jquery中获取元素的几种方式小结

    `.parent()`方法返回元素的直接父元素,而`.children()`方法则返回元素的所有直接子元素。在示例中,`$("p").parent()`将选取所有段落的父元素,并将其颜色设为红色,显示了如何获取父元素。`$("#aa").children("....

    详解angularjs获取元素以及angular.element()用法

    - `children([selector])`:获取元素的子元素,可选地通过选择器进行筛选。 - `clone([withDataAndEvents], [deepWithDataAndEvents])`:创建元素的深拷贝。 - `contents()`:获取元素的所有子节点,包括文本和...

Global site tag (gtag.js) - Google Analytics