问答详情
源自:2-11 jQuery选择器之子元素筛选选择器

必须要在选择器里声明元素吗

 $('.first-div a:first-child').css("color", "#CD00CD");

这行代码必须要指明元素才能运行吗?我试了

$('.first-div:first-child').css("color", "#CD00CD");

这样写,以为能匹配到第一个子元素div,但是没有运行成功。请问具体是什么原因呢?

提问者:weixin_慕慕2499132 2020-03-26 16:34

个回答

  • Gobbb
    2020-04-03 19:20:57

    $('.first-div:first-child').css("color", "#CD00CD");

    解释:.first-div:first-child,返回的是相对于.first-div元素的直接父元素的首个含有‘first-div’类的元素。也就是说这个表达式匹配的是‘.first-div’元素,不能匹配到‘.first-div’下的子元素。

  • 金刚无敌葫芦娃
    2020-03-27 22:20:04

    不清楚,我只知道格式应该是写成这样

    $('.first-div div:first-child').css("color", "#CD00CD");

    .first-div是通过class名字选到一个元素,可能是div,也可能是p,或者a,


    后面div:first-child,之所以要加div,也可能是因为上面通过.first-div获取到的元素有很多种子元素,比如div、p、a,这里是子元素中选择第一个div,所以要写div:first-child,


    我是这样理解的