`.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包装器对象，它始终是真的，检查元素是否实际存在，你可以检查长度

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");
        }