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