从ul中删除li元素

Question

考虑到li元素的id,是否可以使用JavaScript动态删除ul中的几个li元素？

关于实际问题的更新:

我有以下清单.

<ul id="attributes" data-role="listview">
    <li id="attrib01">Attribute1</li>
    <li id="attrib02">Attribute2</li>
    <li id="attrib03">Attribute3</li>
    <li id="attrib04">Attribute4</li>
    <li id="attrib05">Attribute5</li>
</ul>

在ajax请求/响应之后,如果某个特定属性是"未定义",我想从列表中删除它.

if(typeof data.attrib1 === "undefined")
    $("#attrib01").remove();

我已经确定我收到了正确的ajax响应.所以,现在的问题是,当我删除attrib4时,attrib [1-3]也被删除了.知道为什么会这样吗？

Answer 1

尝试

var elem = document.getElementById('id');
elem.parentNode.removeChild(elem);

Answer 2

如果你得到了元素,那么找到它的父元素然后删除元素.来自父母如下:

element = document.getElementById("element-id");
element.parentNode.removeChild(element);

有必要通过父母,所以这是不可避免的.

Answer 3

这将使li元素不可见：

document.getElementById("id_here").style.visibility = "hidden";

免责声明：它们仍将位于 DOM 中

要从 DOM 中删除元素，请使用 JQuery 的.remove()方法：

$("#id_here").remove();

http://api.jquery.com/remove/