Q&A
「以降全てのclass="b", class="c"が入ってしまう」とはどういう意味でしょうか？もし並び替えるときの制約があるならば追記していただけませんか？
苦手なjQueryで悩んでおり、どうかご教授いただければと思います。
各リスト内で<div class="b"></div>と<div class="c"></div>の順番を並び替えたいのですが、.beforeもしくは.afterで並び替えをすると以降全ての<div class="b"></div>もしくは<div class="c"></div>が入ってしまい、困っております。
隣接セレクタを使用してみたりしたのですが、解決になりませんでした。
私の書き方が悪いと思いますので、解決方法をご教授いただければ幸いです。
html
1<!DOCTYPE html> 2<html> 3<head> 4<script src="../js/jquery-3.1.1.min.js"></script> 5<style type="text/css"> 6.test div {float: left;} 7</style> 8</head> 9<body> 10<ul class="test"> 11<li> 12<div class="a"></div> 13<div class="b"></div> 14<div class="c"></div> 15</li> 16<li> 17<div class="a"></div> 18<div class="b"></div> 19<div class="c"></div> 20</li> 21<li> 22<div class="a"></div> 23<div class="b"></div> 24<div class="c"></div> 25</li> 26</ul> 27</body> 28</html>
回答2件
0
ベストアンサー
期待値として、各liタグの中身が以下のようなタグの順番になってほしいのであれば、
html
1<li> 2<div class="a"></div> 3<div class="c"></div> 4<div class="b"></div> 5</li>
以下のようなJSで可能かと。
javascript
1$('li') 2 .each(function (index, li) { 3 var $li = $(li); 4 var $b = $li.find('.b'); 5 var $c = $li.find('.c'); 6 7 $b.before($c); 8 });
投稿2017/07/13 12:57
編集2017/07/13 12:58
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
