javascript - JQuery：appendTo（）とbefore（）を同時に使用する

Question

にを挿入する必要がある状況がdiv.msgありdiv.chat-msgsます。

<div class="chat-msgs">
  <div class="msg me">How are u?</div>
  <div class="msg">Good, Thanks..</div>
</div>

使い方は簡単でしょう$('div.msg').appendTo($('div.chat-msgs'))。

問題は、私が次divのようなイベントに関して他の何かを持っているときに発生します

<div class="chat-msgs">
  <div class="msg me">How are u?</div>
  <div class="msg">Good, Thanks..</div>
  <div class="event">XYZ is typing a message</div>
</div>

メッセージが入力された場合div.chat-msgs、下部にあるが、上部に表示されることを望んでいdiv.eventます。

<div class="chat-msgs">
  <div class="msg me">How are u?</div>
  <div class="msg">Good, Thanks..</div>
  <div class="msg">This is a new message</div>
  <div class="event">XYZ is typing a message</div>
</div>

ですから、同時に使える.appendTo()のではないかと思っていました。.before()

Answer 1

event存在するかどうかをテストできます。

if ($('div.chat-msg').find('.event').length) {
  // exists, use before
} else {
  // doesn't exist, use append
}

Answer 2

ここinsertBefore()に記載されている方法を使用できます