javascript - 如何在删除所有列表项时删除第一个元素符号?

标签 javascript jquery css

因为它是可编辑的,所以当我点击列表并想删除所有元素时

但第一个列表 bullet point(1.) 并未删除。

<h2>An ordered HTML list</h2>

<ol contentEditable="true">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>  

如何删除 1. 同时删除所有元素 (ctrl A)?

最佳答案

var ol=document.getElementById('list');
ol.oninput=function(e){
  var list=$('ol li');
  list.filter(function() {return $(this).text()== '';}).remove();
  if(ol.innerHTML==="")
    ol.remove();
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>An ordered HTML list</h2>

<ol id='list' contentEditable="true">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

关于javascript - 如何在删除所有列表项时删除第一个元素符号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41287050/

相关文章:

html - 长数据扩展了div的限制

javascript - Fabric.js 旋转组合路径

javascript - 未捕获的 TypeError : peerConnection. addstream 不是一个函数?

javascript - 我的 JS Accordion 可以访问吗?

JavaScript 函数构造函数解析安全性

输入框的javascript值

javascript - AJAX 发送表单中的所有字段

css - Bootstrap 模式演示示例不适用于本地主机,但适用于实时环境

css - 我如何开始使用 Compass Sass 框架

javascript - JQuery DataTables 不保存状态