jquery中如何获取当前DOM对象里的子元素

常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children()

方法返回匹配元素集合中每个元素的子元素，find()方法获得当前元素集合中每个元素的后代，通过选择器、jQuery

对象或元素来筛选。

$('#')children()获取选择器下面一级的子节点,如果要获取第几个可以通过$('#')children()eq(n) n从0开始 如果要再获取下一级的子节点又得children(),这个方法返回的是一个数组

当然也可以通过find获取比如父节点下面所有的节点或者什么元素,比如一个tr下面有一个td里面有<input type="text" name="username">这样的输入框,你可以通过父节点find('input[name="username"]')就可以获取这个输入框,前提是这个这个输入框是唯一的,如果是重复的那么取出来的就是一个数组了,看你想怎么用吧

// 取得当前节点的父节点的所有直接子节点，查看当前节点在所有子节点中的位置，index从0开始。

var index = $(this)index($(this)parent()children());

这是因为next()是找紧挨着的弟弟元素，find()则是找子元素，两者是不同的。

也就是说： $(this)parent()next(); 是找父亲的弟弟，也就是叔叔，而 $(this)parent()find("div"); 则是在父亲的所有儿子中找名为div的兄弟元素（也可能就是this）。

$(data)find("DEGREES>Degree")each(function(){

var name= $(this)children("name")text() ;

if(name=="大学"){

//开始处理控制大学

}else if(name=="高中"){

//开始处理控制高中

}else if(name=="博士"){

//开始处理控制博士

}

})

find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。

语法：find(selector)   参数selector  字符串值，包含供匹配当前元素集合的选择器表达式。

详细说明：

如

果给定一个表示 DOM 元素集合的 jQuery 对象，find() 方法允许我们在 DOM

树中搜索这些元素的后代，并用匹配元素来构造一个新的 jQuery 对象。find() 与 children() 方法类似，不同的是后者仅沿着

DOM 树向下遍历单一层级。

find() 方法第一个明显特征是，其接受的选择器表达式与我们向 $() 函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。

实例：

以上就是关于jquery中如何获取当前DOM对象里的子元素全部的内容，包括:jquery中如何获取当前DOM对象里的子元素、jquery 怎么获取children里面、js/jquery怎么样获取本身节点位于兄弟中的第几个等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！