Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过jQuery交换两个字段集_Jquery_Css - Fatal编程技术网

通过jQuery交换两个字段集

通过jQuery交换两个字段集,jquery,css,Jquery,Css,我有Div tage和2个fieldset标记。我需要在检查完document ready事件中的条件后,调用函数来交换它们。我的意思是fieldset 2出现fieldset 1 请注意此示例: <div id='InformationDiv'> <fieldset id='fieldset1'> ... ... </fieldset>

我有Div tage和2个fieldset标记。我需要在检查完document ready事件中的条件后,调用函数来交换它们。我的意思是fieldset 2出现fieldset 1

请注意此示例:

      <div id='InformationDiv'>

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

         <fieldset id='fieldset2'>
              ...
              ...
         </fieldset>
      </div>
简单地说,

$(function() {
    // check for condition

    // swap elements
    $("#fieldset1").before($("#fieldset2")); //put fieldset1 before fieldsset2
    //Or
    $("#fieldset2").before($("#fieldset1")); //put fieldset2 before fieldsset1
});
同样,您可以尝试使用.after、.insertBefore、.insertAfter

$(function() {
    // check for condition

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

类似地,您可以尝试使用.after、.insertBefore、.insertAfter

您可以通过以下代码段实现:

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

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

您可以通过以下代码片段实现:

    $("#InformationDiv fieldset:first").insertAfter($("#InformationDiv fieldset:last"));
即使您想进行多次交换,上述脚本也将始终有效