Javascript从列表中删除元素

Javascript从列表中删除元素,javascript,html,css,list,appendchild,Javascript,Html,Css,List,Appendchild,我希望有人能帮我解决这个问题。我有一个函数,它基本上创建了一个包含用户给定输入的列表。 例如:用户输入apples,函数将apples添加到列表中 现在我有一个关于删除输入的问题。 例如:我想从列表中删除apples子项。当用户在apples中键入时,这应该发生在输入字段中 我该怎么做呢?你可以做这样的东西: const inputFromValue; const elemForDelete = Array.from(document.getElementById("myUL").chi

我希望有人能帮我解决这个问题。我有一个函数,它基本上创建了一个包含用户给定输入的列表。 例如:用户输入
apples
,函数将
apples
添加到
列表中

现在我有一个关于删除输入的问题。 例如:我想从列表中删除
apples
子项。当用户在
apples
中键入时,这应该发生在输入字段中


我该怎么做呢?

你可以做这样的东西:

const inputFromValue;    
const elemForDelete = Array.from(document.getElementById("myUL").children)
.find(child => child.innerText == inputFromValue ))

查找元素的文本并将其与输入值进行比较,然后从“myUL”中删除此元素。

您可以使用jQuery在列表上运行
each()
,然后使用
remove()
将其从列表中删除,下面是一个示例:

$( "button" ).click(function() { 
  var value = $('input').val() 

  $('ul li').each(function(index, li) {
    var item = $(li); 
    if(item.text() == value){
        item.remove()
    }

  }); 
}); 
您可以在以下网址查看:


您可以查看jQuery文档的更多信息。

如果可能,您可以使用snippet工具给出一个简单的示例吗?谢谢您的快速回答。我实现了你的代码,现在一切正常!非常感谢。