jQuery DOM操作：appendTo()、prependTo()を使って、要素を移動。

文章（ダミーテキスト1）の中のIDをつけたspanでくくった要素（分かりやすく色替え）を、prependTo()を使って、文章全体要素の最前部へ移動、appendTo()を使って、文章全体要素の最後部へ移動します。移動した要素は、移動先要素の子要素になります。1から5までは、元々の親要素の中に入るので相対関係はかわりません。しかし、6で紫色要素を移動すると、紫色要素は赤色要素の子要素になるため、その後に赤色要素を移動すると、紫色要素は一緒に移動します。また、要素が移動するたびに、書き換わったソースを右側に表示します。
  1. 緑色の文字部分を　文頭へ移動　文末へ移動
  2. 青色の文字部分を　文頭へ移動　文末へ移動
  3. 赤色の文字部分を　文頭へ移動　文末へ移動
  4. 橙色の文字部分を　文頭へ移動　文末へ移動
  5. 紫色の文字部分を　文頭へ移動　文末へ移動

  6. 紫色の文字部分を　赤色要素の前へ移動　赤色要素の後へ移動
[ダミーテキスト1]

ポイントカードを発行し、商品の購入者に対し 次回以降の買い物の際に支払いの一部に充当できるポイントを提供する場合は、景品ではなく値引。取引通念上妥当と認められる基準に従い、取引の相手方に対し、支払うべき対価を減額すること又は割り戻すことは、値引と認められる経済上の利益に該当し、景品表示法上の景品類には該当しません。