Display block elementi che hanno id parte di una stringa

04-07-2013, 09.51.44

Salve a tutti e buona giornata!

Ho un pezzo di chat in cui si vedono tutti i propri amici sotto forma di lista con il tag "<ul>", nella parte bassa devo inserire un campo dove poter digitare per cercare un amico...Quindi imposto onkeyup="mia funzione()", poi recupero quello che viene digitato, faccio display none a tutti i "<li>" che ci sono dentro il container e poi dovrei mostrare solo i pezzi di lista (<li>) che hanno l'id simile a quello digitato prima.è proprio questo il problema!
Posso impostare display block a tutto ciò che ha l'id contenuto in una stringa???
Dispongo anche di jquery.
Spero che sia possibile fare ciò che voglio e mi scuso per il post se dovesse risultare un po' difficile da comprendere...

Distinti saluti

**saitfainder** · 04-07-2013, 10.41.19

Perché no? Dovresti solo passare in rassegna tutti gli LI di quel UL, confrontare l'id come piace a te e poi decidere se visualizzarlo o meno.

04-07-2013, 11.02.52

Potresti per piacere farmi un esempio?
Io sono pratico in php, in js faccio spesso errori stupidi

EDIT:
Ce la sto facendo da solo:

Codice:

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="AlterVista - Editor HTML">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<TITLE></TITLE>
<style type="text/css">
.test {background: yellow;}
</style>
</HEAD>
<BODY>
<p><button onclick="javascript:prova()">find()</button></p>

<ul class="level-1">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

<script type="text/javascript">
function prova() {
    $('ul.level-1').find('li:not([class$="i"])').addClass('test');
}
    </script>

</BODY>
</HTML>

Adesso devo solo capire come fare per aggiungere la classe "test" solo agli elementi che non hanno come classe o pezzo di classe una stringa, cioè se io digito abcd vorrei che desse la classe agli elementi "abcd, abcde, 0abcd, 0abcde..."
Posso usare delle spressioni regolari...

Discussione: Display block elementi che hanno id parte di una stringa

LinkBack

Strumenti discussione

Display

Display block elementi che hanno id parte di una stringa

Regole di scrittura