从父类javascript访问子类[重复]

Question

<td <td class="upgrade_building b_wall">
    <a href="#" class="building_tooltip d_0" tooltip="<span class='icon header wood'></span> 801 <span class='icon header stone'></span> 1846 <span class='icon header iron'></span> 320<br />Población: 5<br />Tiempo de construcción: 3:12:01">10
    </a>
</td>

我正在编写一个脚本来对“upgrade_building b_wall”中包含的元素“building_tooltip d_0”执行自动点击 我试过这段代码：

javascript:var list = document.getElementsByClassName("building_tooltip d_0");
for (var i=0; i<list.length; i++) list[i].click();

但是在页面的 DOM 中还有其他带有“building_tooltip d_0”的元素我不想运行，我只想运行“upgrade_building b_wall”。

谁能帮帮我？

Answer 1

您可以使用现代浏览器支持的document.querySelectorAll：

var list = document.querySelectorAll(".upgrade_building.b_wall > .building_tooltip.d_0");
for (var i=0; i<list.length; i++) {
    list[i].click();
}

或者，您可以使用 if 语句在执行单击之前检查节点是否具有正确的父节点：

var list = document.getElementsByClassName("building_tooltip d_0");
for (var i=0; i<list.length; i++) {
    if (list[i].parentNode.className === "upgrade_building b_wall") list[i].click();
}