JQueryを使ったコーナー移動について

Question

JQuery初心者です＞＜

JQuery afterを使ってコーナー移動をしたいのですが、移動させたいクラス名が重複しています。一つ目だけ移動させたい場合の書き方を教えていただきたいですmm

例でいうと、クラス名「c」の一つ目のコーナーを、id名「a」の後ろに移動させたいです

<HTML例>

<div id="aaa">aaa</div> <div id="bbb">bbb</div> <div class="ccc">ccc</div> <div class="ccc">ccc</div> <div class="ccc">ccc</div>

<こうしたい>

<div id="aaa">aaa</div> <div class="ccc">ccc</div> <div id="bbb">bbb</div> <div class="ccc">ccc</div> <div class="ccc">ccc</div>

<試した書き方>
$('#aaa').after($('.ccc'));

Comments

[m.ts10806]

コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564

Answer 1

$('#aaa').after($('.ccc'));

これだと、$('.ccc')はcccクラスを持った要素の集合体になります。これを要素セットといいます
console.logとかで確認すれば要素が配列になってるのが分かるはずです。
要素セットから特定の要素のみを取得するにはeq()メソッドを使って1番目は０から始まってるので

$('#aaa').after($('.ccc').eq(0));

とすれば、最初のcccクラスを持つ要素だけを移動できます。

Comments

[nekora]

回答が役になったなら回答の横の数字をポイントすると回答の評価の増減ができます。
また解決につながった回答はベストアンサーに指定できます。
この設定は個別に指定できます。

[nekora]

長い間、ベストアンサーが選ばれていませんが、まだ、問題が解決せずに、他の回答を待っているのでしょうか？
問題が解決したのならベストアンサーを選んで、解決済みにしてください。そうする事によって他のユーザーにも解決への糸口となる情報となります。
ここは、教えて掲示板ではなく、技術者同士の情報交換のサイトです。
他のユーザーに、これで解決したと分かるようにベストアンサーを選んでください。
まだ、解決せず他の回答を待っているのならこのままでも構いませんが、解決したらベストアンサーを選んでくださいね。

尚、コーナーという用語や、cccクラスなのに質問文にはcクラスと書かれています。jQueryにコーナーなどと言う用語はなかったはずです。
こういう所をちゃんと書かないと、回答が付きにくくなりますので気を付けてください。