使用 chrome 开发人员工具 Xpath 找到正确的子 div id 以使用 Jquery 的点击功能定位

Posted

技术标签:

【中文标题】使用 chrome 开发人员工具 Xpath 找到正确的子 div id 以使用 Jquery 的点击功能定位【英文标题】:Using chrome developer tools Xpath to find correct child div id to target with a click function using Jquery 【发布时间】:2013-11-14 08:03:03 【问题描述】:

我正在尝试使用 jquery 和第 n 个子选择器来定位特定的 div。我试图操作的代码是通过拖放 cms 生成的,因此我无法将 id 添加到元素中。另一个问题是所有的类都是一样的。我已设法将一些 id 应用于某些 div,但我使用的小 jquery 脚本不会将 id 添加到根据设备在悬停/单击时显示的隐藏元素。

这是我用来添加 id 的小脚本,它可以做一些 div,如果有人知道如何将 id 应用到所有具有 .tcElement 的类的 div 上:

$(".tcElement").each(function(i)
    $(this).attr('id', 'id_'+(i+1));
);

我的问题是如何使用 xpath 选择单击事件并将其添加到 div: //*[@id="id_32"]/div/div/div[2]/div

这是我正在使用的 jquery:

$("#id_32 > div:nth-child(4)").click(function(e) 
              $("#tab-2").click();
              e.preventDefault();
        );
);

这是系统输出的代码:

【问题讨论】:

【参考方案1】:

虽然这种方式如果对html稍有改动就很容易破解,你可以使用

$('#id_32 > div > div > div:eq(1) > div').click(...);

但请确保这些 div 元素不是动态创建/添加的,否则上面的代码将不起作用..

【讨论】:

您好,它们是由一些通过 javascript 查看器输出的拖放工具创建的。这会阻止它工作吗,我已经成功使用了关于代码 如果它们是在你运行上面的代码之前创建的,那么就不会出现问题。

以上是关于使用 chrome 开发人员工具 Xpath 找到正确的子 div id 以使用 Jquery 的点击功能定位的主要内容,如果未能解决你的问题,请参考以下文章

Chrome浏览器获取XPATH的方法----通过开发者工具获取

如何在 Chrome 开发者工具中使用 XPath 或 CSS 选择器搜索 DOM 元素?

Python爬虫编程思想(46):使用Chrome验证XPath

无法从 chrome 开发者工具复制文本、XPath 或其他属性

[Selenium] 在Chrome的开发者工具中验证检查XPath/CSS selectors

windows 系统 chrome安装xpath过程以及问题