选择使用document.createElement jquery/javascript创建的元素
我正在使用document.createElement创建许多div和ul元素。在这种情况下,当我创建这些元素时,我需要引用上面创建的元素之一,并将其指定为要创建的下一行元素的父元素 我有已创建元素的id(例如“idoftheelement”),但当我有时选择使用document.createElement jquery/javascript创建的元素,javascript,jquery,dom,Javascript,Jquery,Dom,我正在使用document.createElement创建许多div和ul元素。在这种情况下,当我创建这些元素时,我需要引用上面创建的元素之一,并将其指定为要创建的下一行元素的父元素 我有已创建元素的id(例如“idoftheelement”),但当我有时 $('#idoftheelement') 我不明白这个元素 是否有可能获得该元素。如果是,怎么做 编辑: 下面是我试图基于JSON输入数据生成的html结构。JSON数组中的每个元素都可以有一个子元素数组。所有元素都将具有相同的标
$('#idoftheelement')
我不明白这个元素
是否有可能获得该元素。如果是,怎么做
编辑:
下面是我试图基于JSON输入数据生成的html结构。JSON数组中的每个元素都可以有一个子元素数组。所有元素都将具有相同的标记,区别仅在于它们放置的位置。我必须以递归的方式构造它,即对于每个JSON元素,检查是否存在子元素(子元素也可以包含子元素),如果存在,那么我应该将这些子元素附加到相应的父线程块。这就是为什么我需要知道是否有一种直接的方法来获取当前元素上下文中的父元素的引用,以便可以将其追加
<div id="comment-12345">
<div id="threads-block-12345"
<ul id="thread-12345">
<li id="thread-item-12346">
<div id="comment-12346">
<div id="threads-block-12346"
<ul id="thread-12346">
<li id="thread-item-12347">
<!--keeps growing if there till all the children are processed-->
</li>
</ul>
</div>
</div>
</li>
<li>
<div id="comment-xyz">
<div id="threads-block-xyz"
<ul id="thread-xyz">
<li id="thread-item-xyz">
<!--keeps growing if there till all the children are processed-->
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
代码$('#idoftheelement')
告诉我您正在使用jQuery,因此不应该使用document.createElement
。您需要做的是使用jQuery创建元素并通过该变量引用它。例如:
var $node = $("<div id='" + id + "'>")
$node.append( ... new elements ... )
var$node=$(“”)
$node.append(…新元素…)
请发布完整的代码示例。您能创建一个JSFIDLE吗?您如何“创建多个div”-需要代码为什么需要使用该ID?为什么不将元素保留在变量中并直接使用它呢?在引用元素之前是否附加了元素?