同じ親要素内の子要素を移動したい

jqueryの質問です。

同じ親要素内の子要素を移動したいです。

具体的には、下記構成で、連続する「parent」があり同じ「parent」内の「child2」を「child1」直後に移動したと考えております。

lang
1<div class="parent">
2<div class="child1"></div>
3・
4・
5・
6<div class="child2"></div>
7</div>
8
9
10<div class="parent">
11<div class="child1"></div>
12・
13・
14・
15<div class="child2"></div>
16</div>
17
18・
19・
20・

こちらの方法に関してご教授のほどよろしくお願い致します。

行動規範の内容に同意します

回答2件

ベストアンサー

「child2」を「child1」直後に移動

反対でしょうか？

javascript
1$(".parent").each(function(){
2    $(this).find(".child2").insertAfter($(this).find(".child1"));
3})

あるいは

javascript
1$(".parent").each(function(){
2    $(this).find(".child1").after($(this).find(".child2"));
3})

投稿2015/08/24 03:55

ngyuki

総合スコア4514

castail

2015/08/24 05:09

ShunsukeIzui様ご回答ありがとうございます。こちらの内容でうまく動作いたしました！この度は誠にありがとうございました。

行動規範の内容に同意します

これでどうでしょうか。

javascript
1$(".parent").each(function(){
2    $(this).find(".child1").insertAfter($(this).find(".child2"));
3}

投稿2015/08/24 02:21

orange0190

総合スコア1698

castail

2015/08/24 02:42

ShunsukeIzui様早速のご回答ありがとうございます。ご教授いただいたコードを試したところ、「SyntaxError: missing ) after argument list」というエラーが出ました。再度ご確認頂けますでしょうか？

ngyuki

2015/08/24 03:53

$(".parent").each(function(){ $(this).find(".child1").insertAfter($(this).find(".child2")); })

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

同じ親要素内の子要素を移動したい

関連した質問