使用 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 或其他属性