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

HTML代码:

<div class="aaa">
<div class="bbb"></div>
</div>
<div class="aaa">
<div class="bbb"></div>
</div>

JS 代码:
$(".aaa").bind("mouseover",function(){
// 此时如何获取鼠标悬停的aaa节点下的bbb节点

});

操作步骤:
页面上有两个或者多个clasName为aaa的div节点,用jquery统一绑定mouseover事件,然后操作鼠标悬停在其中一个aaa节点
提问:
此时,我想获取当前这个aaa节点下的bbb节点应该如何写法?请给出详细的代码,谢谢。

慕码人2483693
浏览 6227回答 4
4回答

小怪兽爱吃肉

常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素,find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。jquery中获取当前dom元素的子元素的方法有很多,常见的方法是使用children()方法或者fand()方法都是可以获取到某个元素的子元素的,children() 方法返回匹配元素集合中每个元素的子元素,find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。一、使用children()方法获得子元素1、使用该方法获取子元素并设置子元素的字体为蓝色,代码如下:2、运行的效果如下图:二、使用find()方法获取子元素1、使用fand()方法获取子元素并且进行选择器的筛选,代码如下图:2、运行的结果如下图:

温温酱

这个有很多方法的,你可以用选择器的方式,如一个table里的tr用$("table tr:eq(0)“)取到第一个tr或用gt(index)、lt(index)取得大于或小于index的元素,index是数据集的索引,从0开始,或者你可以遍历数据集,用each()方法,参数是一个函数如$("table tr").each(function(i){$(this).val(i);//这里this代表当前的DOM元素,而i代表当前元素所在数据集的索引})

慕村9548890

$("body *");jquery是可以用*来代替所有节点的好像,你试试
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery