如何將 document.getElementById(id) 元素轉換為 jquery object？

Question

我真的很驚訝以前沒有問過這個問題：

我生成元素：

document.getElementById(id).innerHTML = (some string with id's in it);

例如。

我想使用 jQuery （更新元素子元素的 CSS ）。

由於這些元素是動態創建的，因此很簡單：

$("#id") 

不起作用。

（它返回n.fn.init[0]對象）。

如何從 HTML DOM ZA8CFDE6331BD59EB2AC96F8911C4B6666Z 獲得 jQuery object？

Answer 1

如果您使用 innerHTML 生成 DOM 元素，您可能需要訪問父子元素，然后在其上初始化 jQuery 數組（使用 $）

const container=document.getElementById(id);

container.innerHTML = '<div>...</div>'
$(container.children)

Answer 2

你只需這樣做：

$(document.getElementById(id))

您可以將其用作 jquery object：

$(document.getElementById(id)).children().css("opacity", "" + opacityTotal);

Answer 3

您可以在文檔中更新動態添加的子項的 css，如下所示：

$(document).find(".classOfYourDynamicallyAddedChildrens").css({"color":"red"});