在Jquery中如何引用document.createElement创建的javascript元素

Question

我的代码已经用javascript编写：

var objTo = document.getElementById('krishna')                
var href1 = document.createElement("div");
href1.setAttribute("style","float: left");
objTo.appendChild(href1);

在javascript中已经将很多元素附加到href1。

我想使用jquery

向href1添加更多元素

我尝试了href1.append("<br>");

它说href1.append is not a function

如何使用jquery append将元素追加到href1。

Answer 1

您需要将原生元素转换为jQuery对象。本机元素无法识别jQuery方法

尝试

$(href1).append("<br>");

如果你想单独使用jQuery来完成所有这些，那么代码非常简单

// create new <div> element and apply style
var href1 = $("<div>").css('float','left');
// append to id=krishna
$('#krishna').append(href1);