Question

我的目标是通过引用输入ID重新排列div中的div（包括其子元素）。
我的HTML下面：

<div id="fields">
    <div class="field fieldContainer">
        <label for="field0" id="_lblFirstName"> First Name <span class="required"> * </span> </label>
        <input id="field0" name="firstName" type="text" value="">
    </div>
    <div class="field fieldContainer">
        <label for="field1" id="lblLastName"> Last Name <span class="required"> * </span> </label>
        <input id="field1" name="lastName" type="text" value="">
    </div>
    <div class="field fieldContainer">
        <label for="field2" id="lblEmailAddress"> Email Address <span class="required"> * </span> </label>
        <input id="field2" name="emailAddress" type="text" value="">
    </div>
</div>

我希望我的输出是姓氏，名字，电子邮件地址。我已经这样做但我需要在每个div上放置ID。无论如何，如果没有ID，div会重新排列吗？

谢谢。

Answer 1

使用 .siblings ，您可以拥有同一层次结构中的所有元素。因此，您可以获取所有元素，清除主div，并按顺序追加元素。例如：

//Get all siblings
var divs = $('.fieldContainer').siblings();

//Clear the main div
$(".fields").empty();

//Append the elements in whichever order required
$(".fields").append(divs.eq(2).html());
$(".fields").append(divs.eq(1).html());
$(".fields").append(divs.eq(0).html());

通过依赖子输入元素对div中的多个div重新排序

1 个答案: