删除所有列表项时如何删除第一个项目符号?

时间:2016-12-22 15:55:01

标签: 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>  
&#13;
&#13;
&#13;

删除所有项目(ctrl A)时如何删除1.

1 个答案:

答案 0 :(得分:1)

&#13;
&#13;
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();
};
&#13;
<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>
&#13;
&#13;
&#13;