Javascript 删除<；李>；来自<；ul>；单击而不刷新页面

目前，我需要在单击jQuery时删除它创建的li元素

(function() {
  $(document).ready(function() {
    $("#likeform").submit(function(event) {
      var input = $(this).children("input[name='thing']")
      var thing = $(input).val()
      $("#likes").append("<li>" + thing + "</li>")
      $(input).val("")
      event.preventDefault()
    })
  })
  var li = $('<li/>')
    .onclick(function() {
      $(this).remove()
    })
}())

var listitems = document.getElementsByTagName("li")
for (var i = 0; i < listitems.length; i++) {
  listitems[i].onclick = this.parentNode.removeChild((this))

}

（函数（）{
$（文档）.ready（函数（）{
$（“#likeform”）.submit（函数（事件）{
var input=$（this.children（“input[name='thing']））
var thing=$（输入）.val（）
$（“#喜欢”）.append（“
”+thing+”
”）
$（输入）.val（“”）
event.preventDefault（）
})
})
变量li=$（“
”）
.onclick（函数（）{
$（this.remove（））
})
}())
var listitems=document.getElementsByTagName（“li”）
对于（变量i=0；i

我的新钢笔！
你喜欢什么？

---

目前这已经成功了，除了我需要手动重新加载页面以使更改生效之外

您的问题就在这里：

var li = $('<li/>').onclick(function() {
    $(this).remove()
});

工作示例：

（函数（）{
$（文档）.ready（函数（）{
$（“#likeform”）.submit（函数（事件）{
var input=$（this.children（“input[name='thing']））
var thing=$（输入）.val（）
$（“#喜欢”）.append（“
”+thing+”
”）
$（输入）.val（“”）
event.preventDefault（）
})
})
var li=$（文档）。在（“单击”，“li”，函数（）上）{
$（this.remove（）；
});
}())
var listitems=document.getElementsByTagName（“li”）
对于（变量i=0；i

你喜欢什么？

我认为这基本上就是你想要做的：

$（'li'）。每个（函数（i）{
$（此）。单击（（）=>$（此）.remove（））；
});


福
酒吧

请尝试以下内容

(function() {
  $(document).ready(function() {
    $("#likeform").submit(function(event) {
      var input = $(this).children("input[name='thing']")
      var thing = $(input).val()
      $("#likes").append("<li>" + thing + "</li>")
      $(input).val("")
      event.preventDefault()
    })
  })
}())

var listitems = document.getElementsByTagName("li")
for (var i = 0; i < listitems.length; i++) {
  listitems[i].onclick = this.parentNode.removeChild((this))

}
$(document).on("click", "#likes li", function(){
 $(this).remove();
});

（函数（）{
$（文档）.ready（函数（）{
$（“#likeform”）.submit（函数（事件）{
var input=$（this.children（“input[name='thing']））
var thing=$（输入）.val（）
$（“#喜欢”）.append（“
”+thing+”
”）
$（输入）.val（“”）
event.preventDefault（）
})
})
}())
var listitems=document.getElementsByTagName（“li”）
对于（变量i=0；i
你是这么说的吗？1.加载第1页。单击1。观察不良行为1。重新加载第1页。一切看起来都很好是的，我加载页面并添加一个元素，单击该元素，刷新并删除它
(function() {
  $(document).ready(function() {
    $("#likeform").submit(function(event) {
      var input = $(this).children("input[name='thing']")
      var thing = $(input).val()
      $("#likes").append("<li>" + thing + "</li>")
      $(input).val("")
      event.preventDefault()
    })
  })
}())

var listitems = document.getElementsByTagName("li")
for (var i = 0; i < listitems.length; i++) {
  listitems[i].onclick = this.parentNode.removeChild((this))

}
$(document).on("click", "#likes li", function(){
 $(this).remove();
});