通过jQuery交换两个fieldsets

时间:2013-09-19 07:12:29

标签: jquery css

我有Div tage并且有2个fieldset标签。我需要在检查文件就绪事件中的条件后,调用函数来交换它们。我的意思是fieldset 2出现在fieldset1。

请注意此示例:

      <div id='InformationDiv'>

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

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

2 个答案:

答案 0 :(得分:3)

您可以使用以下代码段来实现:

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

即使您想多次进行交换,上面的脚本也会一直有效。

答案 1 :(得分:1)

只需使用,

$(function() {
    // check for condition

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

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