Javascript 如何将分离的li元素添加到ul列表

从ul列表中删除li元素后，我一直坚持添加它。 我尝试了各种方法中的

append（）

和

appendTo（）

，但仍然一无所获

基本的想法是，点击2,3,4,5,6项，它将显示项目1

$（函数（）{
$（'li'）。在（'click'，函数（e）上{
e、 预防默认值（）；
变量编号=$（“a”，this）.data（'number'）；
var temp=$（'list-1'）.detach（）；
$（'ul#列表项'）。附加（临时）；
});
});
#列表-1{
显示：无；
}










您没有将li作为子元素附加到ul元素中

试试这个

 function function1() {
      var ul = document.getElementById("list");
      var li = document.createElement("li");
      li.appendChild(document.createTextNode("Four"));
      ul.appendChild(li);
    }

首先请注意，您的HTML缺少第一个
，
$（'list-1'）
缺少Id选择器的
#

要执行所需操作，无需从DOM追加/分离任何内容。单击任何
li
时，只需在
#list-1
上调用
show（）
，如下所示：


$（'li'）。在（'click'，函数（e）{
e、 预防默认值（）；
$（'#list-1'）.show（）；
var number=$（this.find（'a'）。data（'number'）；
console.log（number）；//我假设您在某个地方的逻辑中使用了它
});
#列表-1{
显示：无；
}










问题太多了

这里有一些工作JavaScript


$（函数（）{
$（'li'）。在（'click'，函数（e）上
{
e、 预防默认值（）；
变量编号=$（“a”，this）.data（'number'）；
var temp=$（'#list-1'）.detach（）；
$（'ul#列表项'）。附加（临时）；
});
});










即使您更改了列表id，这也会起作用


$（函数（）{
$（'li'）。在（'click'，函数（e）上{
e、 预防默认值（）；
$（“#列表项li:第一个子项”）.show（）；
});
});
#列表-1{
显示：无；
}










问题不清楚。解释你到底需要什么。@Rorymcrossan帖子已经更新。你的代码有一些错误。“$（'ul#list item'）”此代码错误。还有“$（'list-1'）”这段代码。解决方案非常简单！如果我想分离list-x并在单击后再次附加到列表中，我该怎么办？Rory的回答简化了您的代码@test-如果您想继续分离/附加
li
，那么我已经在我的回答中修复了您的代码。@test如果您想附加/分离，那么您需要将元素存储在相关事件范围内的变量中处理程序。具体的实现取决于您想要遵循的规则。