时间戳

首页 > 解决方案 > 如何获得像 td 这样的嵌套 js 选择器？

javascript - 如何获得像 td 这样的嵌套 js 选择器？

问题描述

我需要获取与条件匹配的所有选择器，以便以后可以遍历它。我的代码不返回任何值。可能语法是错误的，所以如果你能帮助我，我将不胜感激（在 js 中没有写很多）。

这是html

html

function restore_hp(){

    var percent_restore = document.querySelectorAll("table.table.table-condensed.table-top-spacing > tr > td[2]");
    percent_restore.forEach((td)=>{
        console.log(td.innerText)
    });

}

标签： javascript

解决方案

您可能正在寻找td:nth-child(2)选择器的末尾。

您的当前td[2]将选择这样一个表格单元格：<td 2="some-attribute-value">...</td>。请注意，这将是无效的 HTML，因为 a)2是无效的属性标识符（不能以数字开头）和 b) 即使它通常是有效的语法，它也不会为 . 所知HTMLTableCellElement，因此也是无效的 HTML。

第二期：

>仅选择直接子代。tr不是您的直接孩子（从来都不是，所有浏览器都会自动插入table缺失）。tbody

推荐阅读