: contiene para varias palabras
Estoy usando el siguiente jQuery
var etag = 'kate'
if (etag.length > 0) {
$('div').each(function () {
$(this).find('ul:not(:contains(' + etag + '))').hide();
$(this).find('ul:contains(' + etag + ')').show();
});
}
hacia el siguiente HTML
<div id="2">
<ul>
<li>john</li>
<li>jack</li>
</ul>
<ul>
<li>kate</li>
<li>clair</li>
</ul>
<ul>
<li>hugo</li>
<li>desmond</li>
</ul>
<ul>
<li>said</li>
<li>jacob</li>
</ul>
</div>
<div id="3">
<ul>
<li>jacob</li>
<li>me</li>
</ul>
<ul>
<li>desmond</li>
<li>george</li>
</ul>
<ul>
<li>allen</li>
<li>kate</li>
</ul>
<ul>
<li>salkldf</li>
<li>3kl44</li>
</ul>
</div>
Básicamente, siempre que etag tenga una palabra, el código funciona perfectamente y oculta aquellos elementos que no contienen etag. Mi problema es que cuando etag tiene varias palabras (y no tengo control sobre él. Proviene de una base de datos y podría ser una combinación de varias palabras separadas con espacio), entonces el código no funciona.
¿Hay alguna manera de lograr esto?