javascript - 爬取网页Jquery选择器first-child的问题
巴扎黑
巴扎黑 2017-05-16 13:28:41
[Node.js讨论组]

在爬取一个网站的时候,
感觉h2 和 h3 是一样的结构,为什么 h2:first-child 可以取到数据, h3就不行。

最终的结果h2_1和h2_2是一样的,没问题。
h3_1是ok的,h3_2是空,请问这是为什么?

代码如下,

const jsdom = require('jsdom');

const jquery = require('jquery');

jsdom.env('https://www.osram.com/os/news-and-events/spotlights/index.jsp', [], {
    defaultEncoding: 'utf-8'
}, function(err, window) {
    if(err) {
        console.error('error get news url from page [%s]');
        return;
    }

    let $ = jquery(window);

    let el = $('p.col-xs-6.col-sm-7.colalign:first');


    let h2_1 = $(el).find('h2.font-headline-teaser').text();
    console.log('h2_1=' + h2_1);
    let h2_2 = $(el).find('h2.font-headline-teaser:first-child').text();
    console.log('h2_2=' + h2_2);

    let h3_1 = $(el).find('h3.font-sub-headline').text();
    console.log('h3_1=' + h3_1);

    let h3_2 = $(el).find('h3.font-sub-headline:first-child').text();
    console.log('h3_2=' + h3_2);



    window.close();


});
巴扎黑
巴扎黑

全部回复(1)
为情所困

选择器xxx:first-child是指,xxx的父元素的第一个子元素为xxx时,选中xxx,需要同时满足这两个条件。

不是xxx父元素的第一个子元素,也不是xxx的父元素的子元素中第一个xxx

h2.font-headline-teaser的父元素的第一个子元素为h2.font-headline-teaser,所以能选中

h3.font-sub-headline的父元素的第一个子元素不是h3.font-sub-headline,所以为空

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号