jquery - jqueryを使用してテキストノードを更新する

Question

私はこのhtmlを持っています:

<span class="msg-container">
  <span class="msg"></span>
  A message here
</span>

jQuery を使用してすべての msg-container 要素を検索し、「A message here」テキストを取得して title 属性を設定し、「A message here」テキスト ノードを削除したいと考えています。

したがって、実行後、DOM は次のようになります。

<span class="msg-container" title="A message here">
  <span class="msg"></span>
</span>

どうすればこれを達成できますか?

Answer 1

for-each関数を使用する必要があると思います

 $(".msg-container").each(function(){
       var child =  $(this).children(".msg").html();
       var text=$(this).html("");
        $(this)attr("title" , text) 
        $(this).append(child);
      });