javascript - 从 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);