1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > jq监听子元素被点击_jQuery怎么实现当前被点击元素的父级下的某个元素显示出来了?...

jq监听子元素被点击_jQuery怎么实现当前被点击元素的父级下的某个元素显示出来了?...

时间:2023-12-08 10:27:46

相关推荐

jq监听子元素被点击_jQuery怎么实现当前被点击元素的父级下的某个元素显示出来了?...

这里添加事件这里添加事件这里添加事件

这里需要点击后显示出来

jquery用$(this)选择他下面的子元素的方法:

使用遍历函数children(),关键代码为 $(this).children("li"),表示获取当前元素下所有标签为

的子元素。

下面实例演示:点击div标签后,何用$(this)选择它下面的

子元素,为了显示效果,将其设置为红色。

1、新建HTML文件,输入如下的HTML结构,为了说明问题,在div标签下除了li元素外,还设置了其他类型的子元素。

我是span标签

我是li标签

我是超链接a标签

2、在上面新建文件的开头输入如下jquery代码,表示在单击div标签区域后,执行一个函数,具体动作为获取当前div下的li标签元素,然后使用css()函数设置它的字体颜色为红色。

$(function(){

$("#test").click(function() {// 单击div元素

$(this).children('li').css('color','red');// 使用children('li')获取div下的li元素,然后设置颜色为red即红色

});

});

3、保存文件,使用浏览器打开,演示效果如下图所示,从结果可知,只有div下的li子元素被选中。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。