jquery动态添加dom节点 js动态添加dom节点

今天让jquery忽悠了一个小时有余，我想做个动态创建节点的功能，

代码如下：

var addDom = function(parent){

var liNode = document.createElement("li");
   
    liNode.innerHTML = "<span class=/"resourceName/">${a.objectName }</span><b class=/"resourceRemove/">${a.id }</b>";

 

    parent.appendChild(liNode);
}

 

我如果用jquery传上级

 

$("#areaId1")

就是个undef

 

_parent.appendChild is not a function

_parent.appendChild(liNode);

 

 

非得用var node = document.getElementById("selectProItem");

 

这种传法才能正常执行

想用jquery 就得换个方式，如下：

 

调用：addDom($("#areaId1"));

 

/**
 * 新增节点
 * @return
 */
var addDom = function(parent){
   
    var liNode = $('<li><span class=/"resourceName/">${a.objectName }</span><b class=/"resourceRemove/">${a.id }</b></li>');;
   
    //alert(_parent.html());
    $(parent).append(liNode);
}

 

这是第二次出这个问题，所以记录下来，免得以后再浪费时间