jQueryの追加では

Question

として奇妙な_.each文で追加幽霊に思えます$element.elが正常に追加されたことを確認してください。しかし、私が行って「続ける」をクリックすると、その要素は決して追加されませんでした。

$('.chat-messages')セレクタは2つのオブジェクトを返します。 2番目には$element.elが追加されました。最初のものはありません。最初のものは、2番目のものと同じ種類のオブジェクトを確実に返します。デバッガでは、オブジェクトがelに追加されていることを明確に確認できます。実際のHTMLには決して追加されません。デバッガ内の表現オブジェクト。

elを正しく選択していませんか？どのようにして最初と2番目のものが違うのでしょうか？

Answer 1

• 私はdiv要素がレンダリングされなかったので、あなたはUIのような同様の問題がまだレンダリングされていない持っていると思いますか
それまで timeoutを使用していたが、これは正常に動作しますか？
• このコードはOPとして$要素が当初要求された場合に動作している文字列値"<div>Testing</div>"

var f = function() { 
 
    $element = "<div>Testing</div>"; 
 
    _.each($('.chat-messages'), function(el) { 
 
    el.append($element); 
 
    //debugger; 
 
    }); 
 
}; 
 

 
setTimeout(f, 100);

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='chat-messages'> 
 
<div class='chat-messages'> 
 
<div class='chat-messages'> 
 
<div class='chat-messages'>

EDIT：

• コメントを通過した後、I appendの仕組みと、$elementをスワップすると - あなたは結果に一致するすべての要素を選択し、一度

  var f = function() { 
   
      $element = $("<div>Testing</div>"); 
   
      $('.chat-messages').append($element); 
   
  }; 
   
  
   
  setTimeout(f, 100);

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
   
  <div class='chat-messages'></div> 
   
  <div class='chat-messages'></div> 
   
  <div class='chat-messages'></div> 
   
  <div class='chat-messages'></div>

  を追加することができますよう$.eachが必要とされていない ：のみのコメントは

注1真実であったことを見つけるために、実際の$("<div>Testing</div>")

は今$.each

を使用することができます

注2：

• コメントで説明し、また（以下に貼り付け）のドキュメントを追加などの要素と追記を反復処理するための各々の使用は、所望の結果をもたらさないであろう

また、ページ上の要素を選択して another：

に挿入することもできます

$（ "。容器」）.append（$（ 『H2』））;

この方法で選択した要素が他の場所でDOM内の単一の位置 に挿入される場合、それは（クローニングされていない）ターゲットに移動されます。