Wie wird das erste Geschoss entfernt, während das gesamte Listenelement gelöscht wird?

Question

da es bearbeitbar ist so, wenn ich auf die Liste klicken und alle das Element löschen möchten

aber die erste Liste bullet point (1.) das Löschen nicht.

<h2>An ordered HTML list</h2> 
 

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

Wie entferne ich 1. auch alle Elemente (ctrl A) beim Löschen?

Answer 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(); 
 
};

<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>