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

}

 

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