通过jQuery交换两个字段集
我有Div tage和2个fieldset标记。我需要在检查完document ready事件中的条件后,调用函数来交换它们。我的意思是fieldset 2出现fieldset 1 请注意此示例:通过jQuery交换两个字段集,jquery,css,Jquery,Css,我有Div tage和2个fieldset标记。我需要在检查完document ready事件中的条件后,调用函数来交换它们。我的意思是fieldset 2出现fieldset 1 请注意此示例: <div id='InformationDiv'> <fieldset id='fieldset1'> ... ... </fieldset>
<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"));
即使您想进行多次交换,上述脚本也将始终有效