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