[m.....d]

#webdev #js #javascript

Mirki,

Jaki znacie najlepszy sposób na przefiltrowanie poniższej listy np.:

* ala ma kota
* ala ma kota
* ala ma kota
* ala ma papugę
* ala ma psa

tak aby przefiltrować po frazie "kota" i otrzymać:
* ala ma kota
* ala ma kota
* ala ma kota

Przydałby mi się wydajny sposób, bo docelowa lista może mieć 500+ itemów.
DziękI!

[Rst00]

@mandeo_weekend: hasła na dziś: jquery indexof parents remove

[Termos69]

@mandeo_weekend: jeśli masz jQ to
$('ul li:not(:contains("kota"))').remove();

[rbielawski]

@mandeo_weekend: vanilla js:

[].forEach.call(document.querySelectorAll('li'), function (li) {
if (li.innerText.indexOf('kota') === -1) {
li.parentNode.removeChild(li);
}
});

[Chanandler]

@mandeo_weekend: https://jsfiddle.net/kqqtc34v/

[Rst00]

@mandeo_weekend: po co pokazujesz pasujące skoro linijkę wcześniej ukrywasz niepasujace?

[m.....d]

@Rst00: Bo użytkownik może zrobić backspace w inpucie i wpisać co inngeo a chciałbym aby zawsze przeszukiwał całą listę.

[webdude]

@mandeo_weekend: jeśli nie masz JQ mode ( ͡° ͜ʖ ͡°):

var x = document.getElementsByTagName("LI");
for (var n=0;n<x.length;n++){
 if(x[n].innerHTML.indexOf("kota")<0) 
 {x[n].parentNode.removeChild(x[n])}
 }

[m.....d]

@Termos69:
Zrobiłem podobnie jak radziłeś i działa:
(...).on("change keyup paste", ".klasa-inputa", function (e) {
$value = jQuery(this).val();//szukane słowo
$( '#dropdown' > li:not(:contains(' + $value +'))').hide(); //ukrywamy niechciane
$( '#dropdown' > li:contains(' + $value + ')').show(); //pokazujemy pasujące
}).(...)

[macza]

@mandeo_weekend: angularem

[Jurigag]

@macza: XD