Question

我希望有人可以帮我解决我的问题。我有一个功能，基本上创建一个用户给定输入的列表。例如：用户提供输入apples，该功能会将apples添加到<ul>列表中。

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

我该怎么做？

Answer 1

你可以做这样的事情：

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

查找元素的文本与输入值的比较，并从“myUL”中删除此元素。

Answer 2

您可以使用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()
    }

  }); 
});

您可以查看：https://jsfiddle.net/pww9uea8/

您可以从jQuery文档中查看有关each()和remove()的更多信息。

Javascript从列表中删除元素

2 个答案: