html - 在CSS中从 child 到侄子穿越DOM

标签 html css dom selector

<分区>

你怎么能在一个特定元素的 child 到他的兄弟元素的 child 之间旅行有必要回到父亲那里,即到达侄子 但是如何呢?

约束是从其中一个 child 开始(看他是否选中),我尝试构建一个游戏,该游戏必须检查是否所有输入元素都按下了某一行。

假设我有那个结构,我想知道是否所有输入都被点击了:

<table>
 <tr class="cell1">
    <td class="cell" >
     <input  id="c1" type="checkbox"   name="c1"  value="">
     <label class="cell" for="c1"></label>
     </td>
    <td class="cell">
     <input  id="c2" type="checkbox"   name="c1"  value="">
     <label class="cell" for="c2"></label>
    </td>
    <td class="cell">
     <input  id="c3" type="checkbox"   name="c1"  value="">
     <label class="cell" for="c3"></label>
    </td>
   </tr>
</table>

最佳答案

not currently possible使用 CSS 选择器获取元素的父元素,但如果您愿意,也可以使用 JavaScript 获取近亲元素。假设原始元素是 el

你可以通过这样做找到 el 的表亲:

el.parentNode.parentNode.childNodes[x].getElementsByTagName(el.tagName)[0];

... 其中 x 是您想要的 td 元素编号。听起来您可能想要对所有这些都编写一个循环。

关于html - 在CSS中从 child 到侄子穿越DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31845707/

上一篇:javascript - 更改 Div 以适合网站的底部

下一篇:javascript - 如何使用 JS 显示带有自定义图标而不是个人资料图像的 Twitter 提要

相关文章:

html - Bootstrap 导航栏折叠和可见部分

html - 用于呈现表格数据的标记和 CSS

javascript - 如何运行作为 DOM 元素中的属性嵌入的脚本?

javascript - 传单 TileWMS 边界

html - 在博客博客中实现 css 按钮

html - Safari 的自动完成功能破坏了输入表单

html - Flexbox 滚动父项,子项 100% 高度

javascript - 如何知道DOM的第一个就绪状态

html - 如何在 ReactJS 中将纯文本转换为 html JSX

html - 导航栏中的CSS下拉菜单