以 https://github.com/NVlabs/stylegan2
此页面为例,页面中包含 3 个表格,尝试通过查找包含文本 Additional material
的 th 元素来定位第一个 table (不通过序数直接定位)
下面为在 Chrome 控制台中的查找测试
> $x('//table//th[text()="Additional material"]')[0].innerText // 能正确定位到该 th
'Additional material'
> $x('//table[//th[text()="Additional material"]]') // 返回了页面中的全部 3 个 table
(3) [table, table, table]
> $x('//table[descendant::th[text()="Additional material"]]') // 这个才返回了正确的 table
[table]
如上所示,请问一下
//
和 descendant::
的区别是什么以及各自正确使用的场景应该是什么?