jquery - 新しいコンテンツ/マークアップがページに追加されたときに jQuery を適用しますか?

Question

チャット ベースの Web インターフェイスをカスタマイズしています。使用されているマークアップに対する制御は非常に限られています。

<span class="icon" />基本的に、各チャット メッセージに新しい要素を追加したいと考えています。

<div id="chatLog">
<span class="msg agent">
  <strong>Agent Name</strong>
  Hi, how are you today? How can I help?
</span>
<span class="msg customer">
  <strong>Customer Name</strong>
  I'm fine thanks, please can you tell me more about the products you sell?
</span>
</div>

私が使用したいjqueryは次のようなものです：

<script>
  jquery('.msg').append('<span class="icon" />');
</script>

ので、私は持っています

<div id="chatLog">
<span class="msg agent">
  <strong>Agent Name</strong>
  Hi, how are you today? How can I help?
  <span class="icon" />
</span>
<span class="msg customer">
  <strong>Customer Name</strong>
  I'm fine thanks, please can you tell me more about the products you sell?
  <span class="icon" />
</span>
<div id="chatLog">

エージェントと顧客の間で送信されるメッセージが増えるにつれて、マークアップは継続的に変化します。span.msgすべてのチャット メッセージにこの新しい要素<span class="icon" />が追加されていることを確認するにはどうすればよいですか?

<div id="chatLog">
<span class="msg agent"><strong>Agent Name</strong>Hi, how are you today? How can I help?</span>
<span class="msg customer"><strong>Customer Name</strong>I'm fine thanks, please can you tell me more about the products you sell?</span>
<span class="msg agent"><strong>Agent Name</strong>Yes certainly, any particular product?</span>
<span class="msg customer"><strong>Customer Name</strong>Product ISBN-123-456 please</span>
<div id="chatLog">