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

Question

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

这是我用来添加 id 的小脚本，如果有人知道如何使用 .tcElement 作为类将此应用 id 应用于所有 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();
        });
});

这是系统输出的代码:

Answer 1

虽然这种方法很容易因 HTML 中最细微的变化而中断，但您可以使用

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

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