Question

我想让id =“a”元素div成为div.b元素中的第二个div。我想如何使id =“a”元素div成为div.b元素中的最后一个div。

以下是代码：

<div class='b'>
    <div>a</div>
    <div>a</div>
    <div id="a">I want to moderate this div </div>
    <div>a</div>
</div>

我想要达到的结果是：

<div class='b'>
    <div>a</div>
    <div id="a">I want to moderate this div</div>
    <div>a</div>
    <div>a</div>
</div>

和

<div class='b'>
    <div>a</div>
    <div>a</div>
    <div>a</div>
    <div id="a">I want to moderate this div</div>
</div>

Answer 1

after函数将在选择的内容后插入内容。

$("div.b div:first").after($("#a"));

这会选择<div class="b"下的第一个div，然后在之后插入<div id="a" ，从而a b下的第二个div

要使a成为b下的最后一个div，您会在b下找到当前的最后一个div，并在之后插入a

$("div.b div:last").after($("#a"));

首先制作a，您需要使用before功能：

$("div.b div:first").before($("#a"));

最后，根据每条评论的好评，我会提到eq function，这将允许您选择任何索引的子div

$("div.b div:eq(2)").after($("#a"));

所以现在a将是第三位。

Answer 2

$(function () {

  var id = $("#id");

  id.detach();

  id.insertAfter("div.b div:first"); // or "div.b div:last"

});

如何将此jQuery元素排序到此

2 个答案: