0.参考

1.初始化

In [325]: from scrapy import Selector

In [326]: text="""

     ...: <div>

     ...:     <a>1a</a>

     ...:     <p>2p</p>

     ...:     <p>3p</p>

     ...: </div>"""

In [327]: sel=Selector(text=text)

In [328]: print(sel.extract())

<html><body><div>

    <a>1a</a>

    <p>2p</p>

    <p>3p</p>

</div></body></html>

2.Xpath 父节点/上一个下一个兄弟节点

In [329]: sel.xpath('//a/parent::*/p').extract()

Out[329]: ['<p>2p</p>', '<p>3p</p>']

In [330]: sel.xpath('//p/preceding-sibling::a').extract()

Out[330]: ['<a>1a</a>']

In [331]: sel.xpath('//a/following-sibling::p').extract()

Out[331]: ['<p>2p</p>', '<p>3p</p>']

3.CSS 第几个子节点

3.1 通用

#完整子节点列表，从第一个子节点开始计数，并且满足子节点tag限定

In [332]: sel.css('a:nth-child(1)').extract()

Out[332]: ['<a>1a</a>']

#完整子节点列表，从最后一个子节点开始计数，并且满足子节点tag限定

In [333]: sel.css('a:nth-last-child(1)').extract()

Out[333]: []

In [334]: sel.css('p:nth-child(1)').extract()

Out[334]: []

In [335]: sel.css('p:nth-child(2)').extract()

Out[335]: ['<p>2p</p>']

In [336]: sel.css('p:nth-child(3)').extract()

Out[336]: ['<p>3p</p>']

In [337]: sel.css('p:nth-last-child(1)').extract()

Out[337]: ['<p>3p</p>']

In [338]: sel.css('p:nth-last-child(2)').extract()

Out[338]: ['<p>2p</p>']

In [339]: sel.css('p:nth-last-child(3)').extract()

Out[339]: []

3.2 特别指代

In [340]: sel.css('a:first-child').extract()

Out[340]: ['<a>1a</a>']

In [341]: sel.css('a:last-child').extract()

Out[341]: []

In [342]: sel.css('p:first-child').extract()

Out[342]: []

In [343]: sel.css('p:last-child').extract()

Out[343]: ['<p>3p</p>']

3.3 上述 -child 修改为 -of-type ，仅对 过滤后的相应子节点列表 进行计数

4.Xpath 第几个子节点

In [344]: sel.xpath('//div').extract()

Out[344]: ['<div>\n    <a>1a</a>\n    <p>2p</p>\n    <p>3p</p>\n</div>']

In [345]: sel.xpath('//div/*').extract()

Out[345]: ['<a>1a</a>', '<p>2p</p>', '<p>3p</p>']

In [346]: sel.xpath('//div/node()').extract()

Out[346]: ['\n    ', '<a>1a</a>', '\n    ', '<p>2p</p>', '\n    ', '<p>3p</p>', '\n']

In [347]: sel.xpath('//div/a').extract()

Out[347]: ['<a>1a</a>']

In [348]: sel.xpath('//div/p').extract()

Out[348]: ['<p>2p</p>', '<p>3p</p>']

In [349]:

In [349]: sel.xpath('//div/a[1]').extract()

Out[349]: ['<a>1a</a>']

In [350]: sel.xpath('//div/a[last()]').extract()

Out[350]: ['<a>1a</a>']

In [351]:

In [351]: sel.xpath('//div/p[1]').extract()    #相当于过滤后的子节点列表

Out[351]: ['<p>2p</p>']

In [352]: sel.xpath('//div/p[last()]').extract()

Out[352]: ['<p>3p</p>']

In [353]: sel.xpath('//div/p[last()-1]').extract()

Out[353]: ['<p>2p</p>']

In [354]:

In [354]: sel.xpath('//div/*[1]').extract()        #完整子节点列表

Out[354]: ['<a>1a</a>']

In [355]: sel.xpath('//div/*[last()]').extract()

Out[355]: ['<p>3p</p>']

In [356]:

In [356]: sel.xpath('//div/node()[1]').extract()   #包括纯文本

Out[356]: ['\n    ']

In [357]: sel.xpath('//div/node()[last()]').extract()

Out[357]: ['\n']

CSS/Xpath 选择器 第几个子节点/父节点/兄弟节点的更多相关文章

  1. [uiautomator篇] 找父亲节点和其他兄弟节点

    https://testerhome.com/topics/1250 Appium [已解决] UiSelector 如何根据节点定位到父节点 / 兄弟节点? liqing380 · 发布于 2014 ...

  2. css结构选择器组合使用，选择父元素中多个子元素中某一段元素

    nth-of-type()和nth-child()写法一样,这里只用nth-of-type()演示,习惯type 直接上代码 /* 从前向后选择,第6个开始 */ li:nth-of-type(n+6 ...

  3. Selenium(九)：Xpath选择器

    1. Xpath选择器 1.1 Xpath语法简介 前面我们学习了CSS选择元素. 大家可以发现非常灵活.强大. 还有一种灵活.强大的选择元素的方式,就是使用Xpath表达式. XPath (XML ...

  4. 突破css选择器的局限，实现一个css地址选择器?

    首先看一个效果,注意地址栏的变化 然后思考一下,用css如何实现? css选择器的局限 选择器是css中的一大特色,用于选择需要添加样式的元素. 选择器的种类有很多,比如 元素选择器 p {color ...

  5. JS获取子节点、父节点和兄弟节点的方法实例总结

    转自:https://www.jb51.net/article/143286.htm 本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 ...

  6. easyui Tree模拟级联勾选cascadeCheck，节点选择，父节点自动选中，节点取消，父节点自动取消选择，节点选择，所有子节点全部选择，节点取消，所有子节点全部取消勾选

    最近项目中用到easyui tree,发现tree控件的cascadeCheck有些坑,不像miniui 的tree控件,级联勾选符合业务需求,所以就自己重新改写了onCheck事件,符合业务需求.网 ...

  7. Oracle递归查询父子兄弟节点

      1.查询某节点下所有后代节点(包括各级父节点) 1 // 查询id为101的所有后代节点,包含101在内的各级父节点 2 select t.* from SYS_ORG t start with ...

  8. 常用xpath选择器和css选择器总结

    xpath选择器 表达式 说明 article 选取所有article元素的所有子节点 /article 选取根元素article article/a 选取所有属于article的子元素的a元素 // ...

  9. Xpath string()提取多个子节点中的文本

    <div> <ul class="show"> <li>275万购昌平邻铁三居 总价20万买一居</li> <li>00 ...

随机推荐

  1. JS Array.reduce 对象属性累加

    Array reduce() 方法  ,无非就是 计算数组元素 相加后的总和 ,看网上给的Demo 全是  [1,2,3,4,6].reduce 这种基本用法, 本次我将使用 reduce 实现 数组 ...

  2. Spring MVC 使用介绍（六）—— 注解式控制器（二）：请求映射与参数绑定

    一.概述 注解式控制器支持: 请求的映射和限定 参数的自动绑定 参数的注解绑定 二.请求的映射和限定 http请求信息包含六部分信息: ①请求方法: ②URL: ③协议及版本: ④请求头信息(包括Co ...

  3. kotlin电商学习记录,好久没来逛逛了

    好久没来,一直做毕业设计,用kotlin写一个基于以图搜图的购物app,现在又赶上实习,内容多,时间少,不过前途光明并由贵人指点.加油 kotlin电商学习记录 技术选型 视图层 kotlin-and ...

  4. 【APIO2016】【UOJ205】【LOJ2568】烟花表演 可合并堆

    题目大意 有一棵树,每条边都有一个边权,现在你要修改边权,使得修改后根到所有叶子的距离相等. 要求所有边权非负. 修改的代价为\(\lvert\)每条边修改前的边权\(-\)修改后的边权\(\rver ...

  5. react创建组件的几种方式及其区别

    react创建组件有如下几种方式 ①.函数式定义的无状态组件 ②.es5原生方式React.createClass定义的组件   ③.es6形式的extends React.Component定义的组 ...

  6. zsh fg: no job control in this shell.

    图片的上面就是将一个应用按Ctrl+Z,把任务放到后台里面.没法fg将任务回到前台运行. 在.zshrc中添加set -m. 具体原因不明.我切换到root用户里,没有出现这个问题.将我的.zshrc ...

  7. tarjan模板

    tarjan #include <cstdio> #include <cstdlib> #include <cmath> #include <cstring& ...

  8. MySQL 无法启动，出现 “发生系统错误 1067。”

    出现场景 使用 net start mysql 时无法启动,并出现:发生系统错误 1067. 解决过程 很多情况都可以导致该错误提示,可以先查找 "Windows 日志" : 打开 ...

  9. maven 构建参数和命令

    mvn常用参数 mvn -e 显示详细错误 mvn -U 强制更新snapshot类型的插件或依赖库(否则maven一天只会更新一次snapshot依赖) mvn -o 运行offline模式,不联网 ...

  10. admin 后台操作表格

    1. app下创建 templates  运行的时候 先找全局的templates——> 按照app的注册顺序找templates中的文件 2. app下在创建一个urls.py include ...