Jquery 变更单机具部

我想用jQuery更改

div

订单，如下所示：

    <div id="container">
    <div class="land">Example A</div>
    <div class="land">Example B</div>
   <div class="land">Example D</div>
    <div class="land">Example C</div>
    <div class="land">Example G</div>
   <div class="land">Example E</div>
    <div class="land">Example F</div>
   <div class="land">...</div>
</div>

例A
例B
例D
例C
例G
例E
例F
...

---

我有列表div（10 div）。内容为“示例C”的div可以站在任何位置。内容为“示例C”的分拣机div是否始终位于顶部

我该怎么做

感谢您的帮助

在jQuery中没有本机实现的“排序”功能，但是添加一次就很容易了

看看这个来源：

---

如果您添加一个容器div，则订购变得很容易

例A
例B
例C

var-container=$（'#container'）；
var items=container.children（'div'）；
container.append（items.get（）.reverse（））；

再见

编辑：要使“示例C”始终显示在顶部，您可以使用以下命令：

var-container=$（'#container'）；
var top=container.find（'div:contains（“示例C”））；
var items=container.children（'div'）；
container.append（items.get（）.reverse（））.prepend（top）；

这将通过值选择“示例C”，但您可以将其更改为例如通过特殊类选择：

示例C

var-top=container.find（'div.top'）；

见更新

编辑2:你改变了你的问题，我不太明白你想达到什么目的。如果您不需要颠倒顺序，只需使用：

var container = $('#container');
var top = container.find('div:contains("Example C")');
container.prepend(top);

见更新

如果要使某个元素始终位于顶部，请不要使用这种方式，而是使用CSS

z-index

property。具有较高z指数的每个元素将以较高的级别显示

---

您可以使用以下命令对div进行排序

  $(document).ready(function () {
        var searchcondition = "Example C";
        var temp = "";
        $(".land:contains('" + searchcondition + "')").each(function (index, value) {

            temp += $(this)[0].outerHTML;
        });

        $(".land").not(":contains('" + searchcondition + "')").each(function (index, value) {
            temp += $(this)[0].outerHTML;
        });
        $("#container").html(temp);

    });

---

“示例C”始终位于顶部，并在其之后保留div

我们可以将.land更改为每个的不同ID吗？我可以将内容为“示例C”的分类器div始终位于顶部吗？我可以将内容为“示例C”的分类器div始终位于顶部吗？@Robert在我的回答中看到另一个JSFIDLE我有列表div（10 div）。内容为“示例C”的分类器div可以站在任何位置。内容为“示例C”的分拣机div是否始终位于顶部？如何区分该div和其他div？我可以按内容排序吗？或者我可以在分拣机之后添加class（land#id）？

var parent = $('.land').first().parent();

$('.land').first().appendTo(parent);
$('.land').first().next().prependTo(parent);

  $(document).ready(function () {
        var searchcondition = "Example C";
        var temp = "";
        $(".land:contains('" + searchcondition + "')").each(function (index, value) {

            temp += $(this)[0].outerHTML;
        });

        $(".land").not(":contains('" + searchcondition + "')").each(function (index, value) {
            temp += $(this)[0].outerHTML;
        });
        $("#container").html(temp);

    });