Javascript JQuery自动关闭在运行时创建的li

我有一些jquery代码在运行时添加列表项：

function addlistitem() {

$('#mylist ul').append(`
   <li class="list-group-item">
    <button onclick="selfclose()">Del</button>
       Some Text Here
  </li>`); 

}

函数addlistitem（）{
$（'#mylist ul'）。追加(`

德尔
这里有一些文字
`）；
}

html是：

<div id='mylist'>
  <ul class="list-group"></ul>
</div>

---

单击按钮时，如何使添加的列表项自动关闭？

将

传递到
selfclose
。然后用它找到封闭的
li
并将其移除


函数addlistitem（）{
$（'#mylist ul'）。追加(`

德尔
这里有一些文字
`）；
}
$（“#添加”）。单击（添加列表项）；
功能自关闭（el）{
$（el）.最近的（“li”）.remove（）；
}


将LI
传递
此
至
自动关闭
。然后用它找到封闭的
li
并将其移除


函数addlistitem（）{
$（'#mylist ul'）。追加(`

德尔
这里有一些文字
`）；
}
$（“#添加”）。单击（添加列表项）；
功能自关闭（el）{
$（el）.最近的（“li”）.remove（）；
}


添加LI
而不使用内联的
onclick=“”
，我一直不鼓励这样做，jQuery可以重写为：


const$myList=$（'#myList ul'）；//缓存可重用的静态元素
const addListItem=（cont）=>$（“
”{
附件：$myList，
“类”：“列表组项”，
html:typeof cont==='string'？cont:'Some html content Here'，
前置：$（''{
文本：'\u2715'，
标题：“删除列表项”，
单击（）{
$（this）.最近（'li'）.remove（）
}
})
});
$（“#添加”）。在（'单击'，添加列表项）；
//附加示例：在app init上创建一些LI：
addListItem（“我是在init上创建的”）；
addListItem（“：）我也是！”
插入新代码

如果不使用内联的
onclick=“”
，jQuery可以重写为：


const$myList=$（'#myList ul'）；//缓存可重用的静态元素
const addListItem=（cont）=>$（“
”{
附件：$myList，
“类”：“列表组项”，
html:typeof cont==='string'？cont:'Some html content Here'，
前置：$（''{
文本：'\u2715'，
标题：“删除列表项”，
单击（）{
$（this）.最近（'li'）.remove（）
}
})
});
$（“#添加”）。在（'单击'，添加列表项）；
//附加示例：在app init上创建一些LI：
addListItem（“我是在init上创建的”）；
addListItem（“：）我也是！”
插入新代码

self-close是什么意思？当我单击列表项按钮时，我需要它隐藏您需要调用
selfclose（this）
以便函数知道要关闭哪个元素。“self-close”是什么意思？当我单击列表项按钮时，我需要它隐藏您需要调用
selfclose（this）
以便函数知道关闭哪个元素。