我想知道是否可以用jQuery切换两个div的位置。用jQuery切换2 div的位置
我有两个DIV这样
<div class="div1">STUFF ONE</div>
<div class="div2">STUFF TWO</div>
所以如果div2
有内容(或不只包含空格更多)它切换的div1
顺序和div2
所以这样的:
<div class="div1">STUFF ONE</div>
<div class="div2">STUFF TWO</div>
会变成这样:
<div class="div2">STUFF TWO</div>
<div class="div1">STUFF ONE</div>
但如果是这样的:
<div class="div1">STUFF ONE</div>
<div class="div2"></div>
或本:
<div class="div1">STUFF ONE</div>
<div class="div2"> </div>
它不会做任何事情。
另外...如果可能,如果切换,我想添加一个类到div1
。
任何帮助将非常感谢。
UPDATE:
我忘了补充一点,我不得不跨越multipul instanses在同一页上运行此。
每个实例格式化这样的:
<div class="view-container">
<div class="view-content">
<div class="views-row">
<div class="div1">STUFF ONE</div>
<div class="div2">STUFF TWO</div>
</div>
<div class="views-row">
<div class="div1">STUFF ONE</div>
<div class="div2">STUFF TWO</div>
</div>
</div>
</div>
我添加了这一行来添加类'$(this).next('。div1')。addClass('new-class');'看起来是否正确? – Cybercampbell 2012-01-27 08:25:57
我真的很喜欢这个解决方案。非常简约。 – 2012-01-27 08:35:16
这不会造成重复吗? – 2012-02-02 14:46:24