javascript - 爬取網(wǎng)頁Jquery選擇器first-child的問題
問題描述
在爬取一個網(wǎng)站的時候,感覺h2 和 h3 是一樣的結(jié)構(gòu),為什么 h2:first-child 可以取到數(shù)據(jù), h3就不行。
最終的結(jié)果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,所以為空
相關(guān)文章:
1. MySQL中無法修改字段名的疑問2. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?3. Matlab和Python編程相似嗎,有兩種都學(xué)過的人可以說說嗎4. 網(wǎng)頁爬蟲 - 用Python3的requests庫模擬登陸B(tài)ilibili總是提示驗證碼錯誤怎么辦?5. javascript - 微信小程序封裝定位問題(封裝異步并可能多次請求)6. android - QQ物聯(lián),視頻通話7. 請教各位大佬,瀏覽器點(diǎn) 提交實(shí)例為什么沒有反應(yīng)8. python的前景到底有大?如果不考慮數(shù)據(jù)挖掘,機(jī)器學(xué)習(xí)這塊?9. javascript - Web微信聊天輸入框解決方案10. mysql - 怎么讓 SELECT 1+null 等于 1
