因为它是可编辑的所以当我点击列表并想要删除所有项目
但第一个列表bullet point
(1。)未删除。
<h2>An ordered HTML list</h2>
<ol contentEditable="true">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
&#13;
删除所有项目(ctrl A)时如何删除1.
?
答案 0 :(得分:1)
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;