我要评论实现方法：
使用遍历函数children()，关键代码为 $(this).children("li")，表示获取当前元素下所有标签为<li>的子元素。
下面实例演示：点击p标签后，何用$(this)选择它下面的<li>子元素，为了显示效果，将其设置为红色。
1、新建html文件，输入如下的html结构，为了说明问题，在p标签下除了li元素外，还设置了其他类型的子元素。
[html] view plain copy
<p id="test">
<span>我是span标签</span><br>
<li>我是li标签</li>
<a href="#">我是超链接a标签</a>
</p>
2、在上面新建文件的开头输入如下jquery代码，表示在单击p标签区域后，执行一个函数，具体动作为获取当前p下的li标签元素，然后使用css()函数设置它的字体颜色为红色
[javascript] view plain copy
<script>
$(function(){
$("#test").click(function() { // 单击p元素
$(this).children('li').css('color','red'); // 使用children('li')获取p下的li元素，然后设置颜色为red即红色
});
});
</script>
3、打开，执行即可获取其子元素啦
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论