使用Chrome开发人员工具Xpath通过使用Jquery的单击函数找到要定位的正确子div ID

Question

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

这是我用来添加id的小脚本做一些div，如果有人知道如何使用.tcElement作为一个适用于的类的所有div应用id：

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

我的问题是如何选择并使用xpath将click事件添加到div： // * [@ ID = “id_32”] / DIV / DIV / DIV [2] / DIV

这是我正在使用的jquery：

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

以下是系统输出的代码：

Answer 1

虽然这种方法如果在HTML中稍有变化就很容易破解，你可以使用

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

但请确保这些div元素不是动态创建/添加的，否则上述代码将无法正常工作..