動的に生成されたdivに動的コンテンツを追加するにはどうすればよいですか？

Question

基本的に私はフォームを検証しています。私はエラーメッセージを収集していますし、ダイナミックに生成されたdivにそれらを追加しています。今、私はこれが.here DIVにこれらのメッセージを追加することができませんが、私は/

//generates a div onclick of submit button 
$("body").append("<div class='overlay'><div class='errorContainer'>.html(errorMsg)</div><div>`<a href='javascript:void(0);' class='cross'>X</a><div></div>"); 

.html(errorMsg)これは、エラーが発生して行わ

function closeErrorBox() { 
      var errorMsg = ""; 
       var ferrorMsg = "Please say your first name" + "<br>"; 
       var aerrorMsg = "Please type address" + "<br>"; 
       var eerrorMsg = "Please type a valid email Address" + "<br>" 
       if($("#name").val() == "") { 
        errorMsg += ferrorMsg; 
       } 
       if($("#address").val() == "") { 
        errorMsg += aerrorMsg; 
       } 
       if($("#email").val() == "") { 
        errorMsg += eerrorMsg; 
       } 

       $(".errorContainer").html(errorMsg); 


       $(".overlay").remove(); 
       } 

Answer 1

.errorContainer divは.overlay div内にあります。関数の最後でオーバーレイを削除すると、errorContainerも削除されます。それ以外の場合は、.html(errorMsg) が正常に動作しているようです（まだエラーが発生している場合は、何が問題になるのかを明記してください）。

あなたの質問を読んで、私はあなたのプログラムの流れを理解できませんでした：エラーが既に分かっているときにそのdivを追加していて、 "X"をクリックすると閉じますか？その場合、次のようにすることをお勧めします。

var errorMsg = ""; 
var ferrorMsg = "Please say your first name" + "<br>"; 
var aerrorMsg = "Please type address" + "<br>"; 
var eerrorMsg = "Please type a valid email Address" + "<br>" 
if($("#name").val() == "") { 
    errorMsg += ferrorMsg; 
} 
if($("#address").val() == "") { 
    errorMsg += aerrorMsg; 
} 
if($("#email").val() == "") { 
    errorMsg += eerrorMsg; 
} 

// Adapting Diego's answer: 
$("<div class='overlay'><div class='errorContainer'></div><div><a href='javascript:void(0);' class='cross'>X</a><div></div>") 
    .appendTo($("body")) 
    .find(".errorContainer") 
     .html(errorMsg) 
     .end() 
    .find(".cross") 
     .click(function(e) { 
      e.preventDefault(); 
      $(this).closest(".overlay").remove(); 
     }); 

Answer 2

間違っていたものである私は、あなたが意味を考える：

//generates a div onclick of submit button 
$("body").append("<div class='overlay'><div class='errorContainer'></div><div><a href='javascript:void(0);' class='cross'>X</a><div></div>").find(".errorContainer").html(errorMsg);