Javascript 如何获得点击元素的css选择器？

我不熟悉javascript和css，我正在尝试开发一个chrome扩展，当用户单击网页中某个特定类的元素时，它会自动单击接下来的5个元素

我发现该类所有元素的css选择器在一个数字以内是相同的，因此我尝试了以下方法：

for (i = 1; i <= 5; ++i) {
    document.querySelector(
        '#selector_first_part... > div:nth-child('+
        i +
        ') > selector_second_part).click();
}

---

对于（i=1；i我认为您应该用以下内容替换脚本操作：

window.addEventListener('DOMContentLoaded', function(){
    // put your actualCode here
});

详细查看此资源（在Mozilla Developer Network的官方文档中）：



我认为您不了解HTML上下文中“id”的用途，因此请发现它（MDN始终是一个很好的资源；）：

我认为您应该用以下内容取代脚本操作：

window.addEventListener('DOMContentLoaded', function(){
    // put your actualCode here
});

详细查看此资源（在Mozilla Developer Network的官方文档中）：



我认为您不了解HTML上下文中“id”的用途，因此请发现它（MDN始终是一个很好的资源；）：

首先，将代码放入前面提到的@eytienne之类的DOM加载事件中，用于确保在附加事件之前加载页面。
第二：您不需要附加多个处理程序，只需在文档上单击一个处理程序-然后使用目标获取实际单击的元素，例如

const handler = function(e) {
  const elem = e.target;
}
document.addEventListener('click', handler, false);

第三：您不需要id，只需比较所有元素，例如（在处理程序中）：

const target=e.target；
对于（设i=0，elems=document.queryselectoral（…）；i1，将代码放入一个DOM加载事件，如前面提到的@eytienne，用于确保在附加事件之前加载页面。
第二：您不需要附加多个处理程序，只需在文档上单击一个处理程序-然后使用目标获取实际单击的元素，例如

const handler = function(e) {
  const elem = e.target;
}
document.addEventListener('click', handler, false);

第三：您不需要id，只需比较所有元素，例如（在处理程序中）：

const target=e.target；
for（设i=0，elems=document.querySelectorAll（…）；我在谷歌上搜索非常简单，它会给出多个结果，因此很难找到你确切讲述的内容。尝试通过链接提供主要内容，如在谷歌上搜索非常简单，它会给出多个结果，因此很难找到你确切讲述的内容。尝试通过以下链接提供主要内容：