选择使用document.createElement jquery / javascript创建的元素

时间:2014-01-06 14:50:16

标签: javascript jquery dom

我使用document.createElement创建了许多div和ul元素。在一个案例中,当我创建这些元素时,我需要引用我在上面创建的那些元素之一,并将其​​指定为要创建的下一个元素的父元素。

我有创建元素的id(例如“idoftheelement”)但是当我做

    $('#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>

1 个答案:

答案 0 :(得分:0)

代码$('#idoftheelement')告诉我你正在使用jQuery,所以你不应该使用document.createElement。你需要做的是使用jQuery创建元素并通过该变量引用它。例如:

var $node = $("<div id='" + id + "'>")

$node.append( ... new elements ... )