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

【问题标题】：Using chrome developer tools Xpath to find correct child div id to target with a click function using Jquery使用 chrome 开发人员工具 Xpath 找到正确的子 div id 以使用 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();
        });
});

这是系统输出的代码：

【问题讨论】：

标签： jquery html css xpath css-selectors

【解决方案1】：

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

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

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

【讨论】：

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