Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >获取特定元素的xpath和css选择器的最佳方法

获取特定元素的xpath和css选择器的最佳方法
EN

Stack Overflow用户
提问于 2010-01-27 17:36:10
回答 2查看 1.3K关注 0票数 1

寻找使用jQuery或Extjs获得特定元素的xpath和css选择器的最佳方法。基本上就是选择一个随机元素,遍历dom并检索它的惟一css选择器或xpath。有没有一个函数已经可以做到这一点,或者有人有一个自定义函数可以做到这一点?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2010-01-27 18:12:31

为什么不直接检查"id“值,如果有就使用它。如果没有,则生成一个惟一的随机"id“值,将其传递给元素,然后使用该值。

编辑:这是一个概念验证jQuery技巧,可以为您单击的任何元素构建一个选择器。

代码语言:javascript
运行
AI代码解释
复制
$('*').unbind('click.m5').bind('click.m5', function(ev) {
  if (this != ev.target) return;

  var cn = function(elem) {
    var n = $(elem).parent().children().index(elem);
    return elem.tagName + ':nth-child(' + n + ')';
  };
  var selector = cn(this);
  $(this).parents().each(function() {
    if (/BODY|HTML/.test(this.tagName))
      selector = this.tagName + '>' + selector;
    else
      selector = cn(this) + '>' + selector;
  });
  console.log("Selector: " + selector);
  $(selector).css('background-color', 'red');
});
票数 3
EN

Stack Overflow用户

发布于 2010-01-27 17:48:05

对于任何给定的元素,都有无限数量的选择器。你需要它做什么?你也许可以使用像XPather这样的火狐插件

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2149020

复制
相关文章
常用xpath选择器和css选择器总结
我们知道选择包含某一特定属性的节点,可以使用例如//tbody/tr[@class]来选择。那么不含某属性的节点如何用xpath取得呢?
用户1214487
2019/05/25
1.5K0
Scrapy框架| 选择器-Xpath和CSS的那些事
这次接着上一篇文章来讲Scrapy框架,这次讲的是Scrapy框架里面提供的两种数据提取机制Xpath和CSS,其实除了这两种,我们还可以借助第三方库来实现数据的提取,例如:BeautifulSoup(这个在我的爬虫系列文章中有写过)和lxml(Xml解析库),Scrapy选择器是基于lxml库之上的,所以很多地方都是和lxml相似的。
Python进击者
2019/06/21
1.3K0
使用XPath与CSS选择器相结合的高效CSS页面解析方法
在现代的Web开发中,页面解析是一个非常重要的任务。开发人员需要经常从HTML文档中提取特定的数据或元素,并由此进行处理。为了实现这一目标,开发人员通常使用CSS选择器或XPath来定位并提取所需的元素。然而,单独使用CSS选择器或XPath可能会导致一些效率问题。本文将介绍一种高效的方法,即使用XPath与选择器相结合,以提高CSS页面解析的效率。
小白学大数据
2023/08/01
4170
xpath 和css选择器 python爬虫必备技能
一 xpath 1定位 xml html导航 2 包含标准库 3 xpath是一个w3c的标准---语法一致 xpath术语 节点 子节点、父节点、上节点、 xpath语法 xpath语法 x
98k
2018/04/11
8480
xpath 和css选择器 python爬虫必备技能
【说站】css后代选择器和子元素选择器的区别
后代选择器会选中指定标签中, 所有的特定后代标签, 也就是会选中儿子/孙子..., 只要是被放到指定标 签中的特 定标签都会被选中
很酷的站长
2022/11/24
2.1K0
【说站】css后代选择器和子元素选择器的区别
CSS: hover选择器控制子元素的出现和隐藏
前两天不知道是哪位同学问的问题,鼠标滑过一个div的时候,怎么控制子集元素属性的出现和隐藏,然后我说用用mouseover和mouseout这两个鼠标事件就行,那如果js不怎么熟悉的时候,可以用CSS: hover方法来写吧。
王小婷
2019/03/15
3.6K0
CSS: hover选择器控制子元素的出现和隐藏
CSS元素选择器是怎样运作的?
在前端工程师的日常工作中,使用 CSS 元素选择器是稀松平常的事;无论你是编写一般的 CSS 还是需要经过编译的 SASS,SCSS,LESS等,最终都被编译成一行一行的 CSS 样式属性,最终交给浏览器解析并套用。但是你想过没有这是如何实现的呢?
疯狂的技术宅
2020/11/03
1.8K0
CSS元素选择器是怎样运作的?
CSS隐藏元素的方法
使用CSS隐藏元素的主要方式有diaplay: none;、opacity: 0;、visibility: hidden;、position: absolute; overflow: hidden;、clip-path: polygon(0 0, 0 0, 0 0, 0 0);、height: 0; overflow: hidden;。
WindRunnerMax
2020/08/27
2.7K0
【CSS】CSS 复合选择器 ② ( 子元素选择器 | 交集选择器 )
子元素选择器 可以选择 某个基础选择器 选择出的 元素组 的 直接子元素 ( 亲儿子元素 ) 中 使用基础选择器 选择 元素 ;
韩曙亮
2023/03/30
5K0
【CSS】CSS 复合选择器 ② ( 子元素选择器 | 交集选择器 )
【CSS】伪元素和伪类选择器区别
可通过使用css伪类实现点击元素变色的效果,两个伪类是:active, :focus
司六米希
2022/11/15
1.7K0
获取元素CSS样式
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <title>获取css样式</title> 9 <
ProsperLee
2019/03/06
1.8K0
通过css类/选择器选取元素 文档结构和遍历 元素树的文档
尽管如此,js还定义了一个方法,即一个getElementsByClassName(),是基于class属性值中的标识符来选取成组的文档元素
mySoul
2018/08/06
2.1K0
css中伪元素选择器
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>68-伪元素选择器</title> <style> *{ margin: 0; padding: 0; } div{ width: 200px; height: 200px; ba
贵哥的编程之路
2020/10/28
2K0
【说站】css子元素选择器的介绍
css子元素选择器的介绍 说明 1、子元素选择器只会查找儿子, 不会查找其他被嵌套的标签。 2、子元素选择器之间需要用>符号连接, 并且不能有空格。 3、子元素选择器不仅仅可以使用标签名称, 还可以使用其它选择器。 子元素选择器可以通过>符号一直延续下去。 作用: 找到指定标签中所有特定的直接子元素, 然后设置属性。 格式: 标签名称1>标签名称2{     属性:值;     } 以上就是css子元素选择器的介绍,希望对大家有所帮助。
很酷的站长
2022/11/24
1.8K0
【说站】css子元素选择器的介绍
vue 获取 DOM 元素的方法
因为每个 vue 的组件实例上,都包含一个 refs 对象,里面存储着对应的 DOM 元素或组件的引用。所以在默认情况下, 组件的 refs 指向一个空对象 。
蓓蕾心晴
2023/02/17
5.5K0
纯CSS选择器控制子元素或兄弟元素的hover效果
一般 hover 效果只用在自身元素和控制子元素,那么可以直接用 CSS 控制兄弟元素的 hover 效果吗?
德顺
2019/11/13
6.5K0
纯CSS选择器控制子元素或兄弟元素的hover效果
使用CSS选择器进行元素定位
在selenium webdriver中,支持使用CSS选择器来进行元素定位,事实在真的投入工作,大量编辑用例和元素定位的时候,使用css 和 xpath才是经常需要用到的。 之前有专门讲过使用xpath对元素定位的使用,下面要介绍css选择器来进行元素定位。 【参见W3C官网说明】 http://www.w3school.com.cn/cssref/css_selectors.asp 先看看css选择器定位的webdriver函数: def find_elements_by_css_selector(
苦叶子
2018/04/17
3.2K0
前端基础-CSS相邻元素选择器
相邻元素选择器 哥哥+弟弟{} /*通过哥哥选择到弟弟 */ 例: <style> div+p{/* 兄弟选择器,哥哥标签+弟弟标签,,,,修饰的是弟弟 */ color:red; } <
cwl_java
2020/04/07
1.5K0
前端基础-CSS相邻元素选择器
CSS 01 准备 选择器、伪元素
a:link{} a:visited{} a:hover{} a:active{} UI元素状态伪类选择器 ​ html部分:
卢衍飞
2023/02/13
9840
CSS元素选择器及其优先算法
CSS 选择器 这一块可以说是很基础了,只有用选择器选中元素,才能使样式生效 元素选择器(标签选择器) 直接选中原生 html 标签名,该选择器可以说是优先级最低的了,在没有其它类型选择器时才会考虑它 div { width: 100px; height: 50px; } id选择器 选中标签定义的 id 名字,该选择器高于类选择器但是低于内联样式 #great { width: 100px; height: 50px; } class选择器 选中标签中定义的 class
努力的Greatiga
2022/07/25
9210

相似问题

获得XPATH和CSS选择器用于使用Selenium的最佳方法

25

如何获取单个元素的CSS选择器/Xpath

225

Xpath或CSS选择器获取特定节点

28

CSS/Xpath选择器用于包含具有特定文本的元素的特定类的元素

26

获取特定元素的XPath

13
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档