CSS 选择器的操作

教程：http://www.w3school.com.cn/cssref/css_selectors.asp

教程上的语法和正则表达式一样，都是一些表达的基本单元。在实际业务使用当中，还得把它们结合起来用。

目标代码片段如下：源码地址

 
 
 
  
 
  
  
 Go语言开发工程师  
  
 
|  | 杭州顺网科技股份有限公司 
 杭州 
 1-2万/月 
 06-26 
 
 

需求：

1. 选出该页中所有的详情页面地址,即 https://jobs.51job.com/hangzhou/95956655.html?s=01&t=0
   实现：

for( let i of document.querySelectorAll('p[class="t1 "]')){
    let url = i.querySelector("a").getAttribute("href")
    console.log(url)}

2. 选出该页所有的时间，即示例片段中的 06-26

for(let i of document.querySelectorAll('p[class="t1 "]+span+span+span+span')){
    console.log(i.innerHTML)
}

3. 选出职位信息
   源码地址：https://jobs.51job.com/hangzhou/95956655.html?s=01&t=0

                        
工作职责:
1、采用Go语言(Golang)开发高可用、 高并发的后端组件、服务；
2、保证系统的效率和可靠性以及代码质量和可维护性。
任职资格:
1、全日制本科及以上学历，计算机相关专业毕业；
2、熟练掌握Go语言，对代码基本规范有清晰的认识，1年以上Go语言项目开发经验；
3、有丰富的UNIX/Linux环境下的编程经验，熟悉多线程进程及网络开发；
4、深入理解计算机网络和现代操作系统；
5、 对服务端相关技术和架构（通讯、计算、存储）有较深刻的理解；
6、有良好的编程习惯，包括好的设计文档，单元测试，代码审查；
7、有大规模分布式项目, 高性能大并发项目经验优先；
8、有ADX和DSP系统相关开发经验的优先。
                        
                                                

                                                        

                                职能类别：
                                                                    软件工程师
                                                                
                                                                                
                      
                        

                            分享
                            

                                
   
                                微信
                                邮件
                            
                        
                        

                    

选出所有的职位信息：

for( let i of document.querySelectorAll("div[class='bmsg job_msg inbox']>p")){
    console.log(i)}

这个选择器的注意点是，div > p选择所有父元素为div的p元素。
同理可得，div[class='bmsg job_msg inbox']>p,是选择所有父元素是div[class='bmsg job_msg inbox']的p元素。

还可以选择父类元素

需求：想拿到文本信息，已知 i1 是唯一的。

无工作经验

通过父元素来获取：

document.querySelector("em[class='i1']").parentNode.innerText

通过父元素获取子元素
https://www.jb51.net/article/51158.htm