search_text

by Juri Rudi

HTML

<div class="dizionario_div">
<p class="dizionario_lemma">LEMMA1</p>
 <p class="dizionario_definizione">AAA.</p>
</div>
<div class="dizionario_div">
<p class="dizionario_lemma">LEMMA2</p>
 <p class="dizionario_definizione">BBB.</p>
</div>
<div class="dizionario_div">
<p class="dizionario_lemma">LEMMA3</p>
 <p class="dizionario_definizione">CCC.</p>
</div>
<div class="dizionario_div">
<p class="dizionario_lemma">LEMMA3bis</p>
 <p class="dizionario_definizione">CDD.</p>
</div>

<input id="filtraTesto" />

JavaScript

$('#filtraTesto').keyup(function() {
    var value = $(this).val();
    var exp = new RegExp('^' + value, 'i');

    $('.dizionario_div').each(function() {
        var isMatch = exp.test($('.dizionario_definizione', this).text());
        $(this).toggle(isMatch);
    });
});