`.append()` не работает для динамически добавленных компонентов

Question

if($("#mce_21-body").append($("#color").html())) 
{ 
    console.log("appended"); 
} 
else 
    console.log("failed"); 

Здесь `

<div id="#mce_21-body">...</div> 

динамически созданный элемент. условие добавляется, но никакого добавления здесь не произошло.

Answer 1

$("#mce_21-body") всегда возвращает JQuery объект-оболочку, которая будет всегда truthy, чтобы проверить, на самом деле, существует ли элемент, который вы можете проверить длину

if ($("#mce_21-body").append($("#color").html()).length) { 
    console.log("appended"); 
} else { 
    console.log("failed"); 
} 

или

var body = $("#mce_21-body"); 
if (body.length) { 
    body.append($("#color").html()) 
    console.log("appended"); 
} else { 
    console.log("failed"); 
} 

Answer 2

попробовать что-то вроде этого

 if($("#mce_21-body").length) 
     { 
      $("#mce_21-body").append($("#color")); 
      console.log("appended"); 
     }else { 
      console.log("failed"); 
     }