jquery - 通过 jQuery 交换两个字段集

Question

我有 Div 标记，并且有 2 个字段集标记。我需要在文档就绪事件中检查条件后，调用交换它们的函数。我的意思是 fieldset 2 出现 fieldset1 。

请注意这个样本：

      <div id='InformationDiv'>

         <fieldset id='fieldset1'>
              ...
              ...
         </fieldset>

         <fieldset id='fieldset2'>
              ...
              ...
         </fieldset>
      </div>

Answer 1

您可以使用这些片段来实现：

    $("#InformationDiv fieldset:first").insertAfter($("#InformationDiv fieldset:last"));

即使您想多次进行交换，上述脚本也将始终有效。

Answer 2

只需使用，

$(function() {
    // check for condition

    // swap elements
    $("#fieldset1").before($("#fieldset2")); //put fieldset1 before fieldsset2
    //Or
    $("#fieldset2").before($("#fieldset1")); //put fieldset2 before fieldsset1
});

同样，您可以尝试使用.after(), .insertBefore(),.insertAfter()