Filtern

Hallo ich habe ein kleines Problem ich habe eine Datei die ich filtern muss die Datei ist so aufgebaut:

1
2
3
4
<li onclick="chatauswahl(&quot;Max&quot;);">Max</li>
<li onclick="chatauswahl(&quot;Tim&quot;);">Tim</li>
<li onclick="chatauswahl(&quot;Aron&quot;);">Aron</li>
<li onclick="chatauswahl(&quot;Justin&quot;);">Justin</li>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

ich lesse die Datei mit file_get_contents aus ich habe es versucht so zu filtern und zwar wenn man ein Name in ein Input Feld eingibt soll das li mit dem namen raus geschnitten werden

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    Lösche li mit namen <input type="text" id="name"><button id="kill">Lösche</button> Groß und Kleinschrebung beachten ? <input type="checkbox" id="check">
<ul>
<li>Max</li>
<li>Tim</li>
<li>Aron</li>
<li>Justin</li>
</ul>
<script>
  document.getElementById('kill').addEventListener('click',function(){
name=document.getElementById('name').value;
    grkl=document.getElementById('check').checked;
    weiter(name,grkl);
})
function weiter(name,grkl){
   li=document.querySelectorAll('li');
   for(x=0;x<li.length;x++){
      if(grkl!=true){
         name=name.toUpperCase()
         inhalt=li[x].innerHTML.toUpperCase();
      }else{
         inhalt=li[x].innerHTML;
      }
      treffer=inhalt.indexOf(name);
      if(treffer!=-1){
         if(name.length==inhalt.length){// damit bei eingabe eines  buchstabens nicht gelöscht wird , erst bei kompletter übereinstimmung
            li[x].style.background='red';
         }else{
            li[x].style.background='white';
         }
      }else{
            li[x].style.background='white';
      }
  }
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX