gpt4 book ai didi

javascript - 如何检查我可以向哪个方向移动元素?

转载 作者:行者123 更新时间:2023-11-30 14:10:54 25 4
gpt4 key购买 nike

我想添加一个小功能来向上/向下/向左/向右移动元素。

我如何检查元素(div 跨度等)可以向哪个方向移动?

例如,我有这段代码:

<div id="stop_here_container">
<div></div>
<div>
<div><div>
<div></div>
<div></div>
</div>
<div></div>
</div>

现在我必须检查每个元素可以移动到哪个方向(元素可以无限嵌套!)。例如,要了解这一点:

<div id="stop_here_container">
<div>I can move down</div>
<div>
<div>I can move up/down/right</div>
<div>I can move left/right/up/down</div>
<div>I can move up/down/left</div>
</div>
<div>I can move up</div>
</div>

之后,我可以为每个元素添加一个 data.attr 或一个类,然后继续他的操作。

感谢您的帮助和建议

最佳答案

您可以使用 data 属性来存储您的状态,并使用 class 您可以轻松找到该状态,如下所示。

$(".move").mousedown(function() {
console.log($(this).data('myval'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='move' data-myval='down'>i can move down</div>
<div>
<div class='move' data-myval='up/down/right'> i can move up/down/right</div>
<div class='move' data-myval='left/right/up/down'> i can move left/right/up/down</div>
<div class='move' data-myval='up/down/left'> i can move up/down/left</div>
</div>
<div class='move' data-myval='up'>i can move up</div>

关于javascript - 如何检查我可以向哪个方向移动元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54490565/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com