Javascript 如何从jquery中的控件中删除现有数据_Javascript_Jquery_Append

Javascript 如何从jquery中的控件中删除现有数据

javascript jquery

Javascript 如何从jquery中的控件中删除现有数据,javascript,jquery,append,Javascript,Jquery,Append,我有密码 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn2").click(function(){ $("ol").append("<li>Appended item</li>"); }); }); &

我有密码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
  $(document).ready(function(){
  $("#btn2").click(function(){
  $("ol").append("<li>Appended item</li>");
});
});
</script>
<body>
 <ol>
<li>List item 1</li>
 </ol>
 <button id="btn2">Append list item</button>


$（文档）.ready（函数（）{
$（“#btn2”）。单击（函数（）{
$（“ol”）。附加（附加项）；
});
});
清单项目1
附加列表项

在这里，每个按钮点击“追加项目”都会追加到标签中。同样，我如何删除已经存在的“li”标签并添加“追加项目”li”标签使用

$（“ol”）.html（“附加项””；

演示：

注意：这将删除ul中的所有

li

s，并仅保留新的

使用
或
使用
$("ol").html("<li>Appended item</li>");

$("ol li").remove();

$("ol").empty();