Как удалить элемент с определенным значением из списка?

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 новичка я был бы очень благодарен, если кто-то может сказать, как получить правильный элемент, его идентификатор и удалить его.

Спасибо!

Answer 1

Вы можете использовать селектор атрибута [attribute=value] в Element.querySelector и Element.removeChild делать то, что вы намерены ..

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

выше, как вы удалите элемент, как предлагается в вашем вопросе. Позаботьтесь, если это повлияет на любые возможные рамки, которые вы будете использовать в качестве первого комментария к моим ответам.