获取div子元素
获取div子元素

获取div子元素

实现方法:使用遍历函数children(),关键代码为 $(this).children(“li”),表示获取当前元素下所有标签为<li>的子元素。

下面实例演示:点击div标签后,何用$(this)选择它下面的<li>子元素,为了显示效果,将其设置为红色。

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

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

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

279759ee3d6d55fbb15e6f696b224f4a21a4dde0

 

发表回复