javascript - 如何从列表中删除具有定义值的元素？

Question

我想创建一个 JavaScript 函数来从列表中删除一个元素。 (未完成的)功能如下:

function removeUser(gData) {
        var divUsers = document.getElementById('users');
        console.log(divUsers);
        var userId = gdata.Id(); //the element with this value should be removed from the list - e.g. if userId == 21367, 'Silvana' should be removed.
        divUsers.remove(userId);
}

divUsers 如下所示:

<ul id="users">
<li data-bind="text :FirstName, click:AddOwnerToUser.bind($data), value: Id" style="cursor:pointer" value="21367">Silvana</li>
<li data-bind="text :FirstName, click:AddOwnerToUser.bind($data), value: Id" style="cursor:pointer" value="23295">John</li>
</ul>

作为一名 javascript 新手，如果有人能告诉我如何通过其 id 获取正确的元素并将其删除，我将非常感激。

谢谢!

Answer 1

您可以在 Element.querySelector 和 Element.removeChild 中使用属性选择器 [attribute=value] 来执行您想要的操作。 .

function removeUser(gData) {
   var divUsers = document.getElementById('users');
   console.log(divUsers);
   var userId = gdata.Id(); 
   divUsers.removeChild(divUsers.querySelector('[value=' + userId + ']'))
}

以上是按照问题中的要求删除元素的方法。如果它会影响您将用作我的答案的第一条评论的任何可能的框架，请务必小心。