在jquery中动态添加节点

时间:2010-12-04 17:34:11

标签: jquery

<li>
<input type="checkbox" name="post_category[]" id="post_category" value="1">
parent1(category_names)
</li>
<li>
<input type="checkbox" name="post_category[]" id="post_category" value="2">
&nbsp;child1 of parent1
</li>
<li>
<input type="checkbox" name="post_category[]" id="post_category" value="3">
&nbsp;child2 of parent1
</li>

类别名称列在树视图中。复选框的值包含类别

的ID

问题: * 我需要动态添加此列表中的类别 *

我从用户那里获得了new_category名称,parent_category_id。 我需要在父母

下添加类别相同的格式

2 个答案:

答案 0 :(得分:1)

为什么不像以下那样简单:

var objList = document.getElementById('mylist');   // need to add ID to OL or UL tag
var objNode = null;

if ( objList != null ) {
    objNode = document.createElement('li');
    if ( objNode != null ) {
        objNode.innerHTML = '~~~CHECKBOX HTML~~~';
        objList.appendChild( objNode );
    } //if
} //if

答案 1 :(得分:0)

问题是你没有任何办法(没有使用正则表达式来解析文本)来确定哪个元素是父元素,哪个元素是子元素。我建议添加parentchild类,并使用嵌套,以便在child下显示parent。否则,您必须扫描每个li以找到您想要的父级之后但在下一个父级之前的最后一个孩子。