我想知道是否可以用jQuery切换位置的两个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>
它不会做任何事情。
也…如果posible,如果切换我想添加一个类到div1。
任何帮助,这将非常感谢。
更新:
我忘了添加,我必须在同一页上的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>
解决方法
我会把我的解决方案
$('.div2:parent').each(function () { $(this).insertBefore($(this).prev('.div1')); });
编辑:不适用于div2中的空格。这里有一个更新的解决方案:
$('.div2').each(function () { if (!$(this).text().match(/^\s*$/)) { $(this).insertBefore($(this).prev('.div1')); } });
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。