Question

使用JQuery函数.children（）我在页面中选择了3个元素。我想对这些元素执行稳定的重新组织，以便它们保持顺序，但是所需的元素被提升到顶部。这是一个例子：

我有元素：

A
B
C
d

我希望C升到顶部：

C
d
A
乙

我为此编写的代码假设所有元素都具有唯一ID，并且您可以提供该目标ID来执行元素的循环或重新组织：

val connOpt: Option[Connection] = None
def main(args: Array[String]) {
    //check `connOpt` Option
    connOpt.orElse(Some(ConnectionFactory.createConnection()).map { 
        connection =>
        // code 1
    }
}

我遇到的问题是，即使理论上这应该有效，但它正在崩溃我的页面。任何帮助解决这个问题都将非常感激。

Answer 1

您不需要循环。 .slice()会将一个元素（或元素集合）放在父元素的开头。您可以使用$("#button").click(function() { move('#list', 'c'); }); function move(parent, targetID) { var index = $("#" + targetID).index(); var itemsToMove = $(parent).children().slice(index); $(parent).prepend(itemsToMove); }让所有孩子从特定索引开始。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ol id='list'>
  <li id='a'>A</li>
  <li id='b'>B</li>
  <li id='c'>C</li>
  <li id='d'>D</li>
</ol>
<br>
<button id="button">Click to move</button>

datetime

JQuery，重新定位子项（）

1 个答案: