javascript - 有没有办法检查一个类是否在另一个类中?

标签 javascript html css

假设我想检查 square[6] 是否在 row[2] 中。我该怎么做?我想知道两个正方形是否在同一行内。

<!--Row 1-->
<div class = "row">
    <!--Square 1-->
    <div class = "square" onclick="clicked(0,0)"></div>
    <!--Square 2-->
    <div class = "square" onclick="clicked(1,0)"></div>
    <!--Square 3-->
    <div class = "square" onclick="clicked(2,0)"></div>
    <!--Square 4-->
    <div class = "square" onclick="clicked(3,0)"></div>
</div>
<!--Row 2-->
<div class = "row">
    <!--Square 5-->
    <div class = "square" onclick="clicked(4,1)"></div>
    <!--Square 6-->
    <div class = "square" onclick="clicked(5,1)"></div>
    <!--Square 7-->
    <div class = "square" onclick="clicked(6,1)"></div>
    <!--Square 8-->
    <div class = "square" onclick="clicked(7,1)"></div>
</div>

最佳答案

const byClass = document.getElementsByClassName.bind(document);

if( byClass("row")[1] === byClass("square")[5].parentElement )
  alert("square[6] is in row[1]");

只是检查一个是否是另一个的父级

关于javascript - 有没有办法检查一个类是否在另一个类中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47313962/

相关文章:

html - CSS 框阴影 - 悬停类

javascript - 默认情况下是 init.apply 和 methods[method].apply javascript 行

html - 如何选择第一个相邻的 sibling ?

javascript - 如何在 OpenLayers 中沿着道路画一条线

Jquery 在点击时改进 .css() 动画

javascript - 如何取消 jquery ui 中的拖放事件?

php - 我如何防止在 PHP 中重复提交表单(跨多个窗口进行保护)?

css - 在 pageid 控制的微型网站中滚动中断 - 仅在桌面 Safari 中

javascript - 如何检查完全支持 deviceorientation 事件的设备/浏览器?

javascript - jQuery - 如何在使用 'click' 事件时获取元素的属性