找到低于或高于div的元素

时间:2015-09-27 05:28:37

标签: javascript jquery html css jquery-ui

所以我在这里有一个非常奇怪的问题。如何确定特定div元素之下或之上是否有任何其他div元素。对于我现在正在进行的项目,我有一些较小的divs,我想要一个允许用户选择任意数量的div的选择器。我想到的方法是使用一个可调整大小的div,它可以作为n + 1的z-index上的选择器div拖动,而其他要选择的div则位于n的z-index上。要做到这一点,我将使用以下组合:

http://www.w3schools.com/cssref/css3_pr_resize.asp

https://jqueryui.com/draggable/

这让我可以创建一个可拖动和可调整大小的对象div,我可以使用它来选择下面的div。是否有一些优雅的方式这样做或者我必须通过查找它的位置并手动查找其下的所有div来艰难地这样做。

另外,如果有另一种方式更优雅地做到这一点,我会全身心投入。

由于

2 个答案:

答案 0 :(得分:1)

如果您使用的是jQuery UI,请使用UI的Selectable

从链接示例的来源:

<ol id="selectable">
  <li class="ui-state-default">1</li>
  <li class="ui-state-default">2</li>
  <li class="ui-state-default">3</li>
  <li class="ui-state-default">4</li>
  <li class="ui-state-default">5</li>
  <li class="ui-state-default">6</li>
  <li class="ui-state-default">7</li>
  <li class="ui-state-default">8</li>
  <li class="ui-state-default">9</li>
  <li class="ui-state-default">10</li>
  <li class="ui-state-default">11</li>
  <li class="ui-state-default">12</li>
</ol>

<script>
    $( "#selectable" ).selectable();
</script>

答案 1 :(得分:0)

var parent = jQuery(ld).parent();
var child = jQuery(id).children();

我希望这将是一个正确的解决方案。