Почему не работает jquery .find?

Question

[2slide]

Не могу разобраться, почему не работает.
Задача - спрятать все поля которые удовлетворяют условию.
visible="0" и показать те которые ':Contains(php)'.

Первое var ss = $("#blogi_selekt [visible*='0']"); работает , а .find нет.

var ss = $("#blogi_selekt [visible*='0']");
      $(ss).slideUp(100);
     
      $(ss).find(':Contains(php)');
      $(ss).slideDown(200);

<div id="blogi_selekt">
      <span value="JS" visible="1">JS</span>
      <span value="a" visible="0" >a</span>
      <span value="СSS" visible="1">СSS</span>
      <span value="PHP" visible="1">PHP</span>
 </div>

Comments

[2slide]

Решил проблему так

$matches = $(sss).find(':Contains('+filter+')[visible*=1]');
 $('li', sss).not($matches).hide();

Answer 1

[Yuri Morozov]

1. Избыточное использование $(ss) - не нужно. Достаточно просто ss.
2. Найти не может потому, что ss - это набор элементов, у которых visible=0. Такой элемент у Вас один, и в нем нет 'php'.
3. Не помню точно, но contains может оказаться чувствительным к регистру. Попробуйте искать 'PHP'.

Comments

[akashtrih]

Да, :contains чувствителен к регистру (jqapi.com/#p=contains-selector).

Answer 2

[kudlayko]

var bs = $("#blogi_selekt"); // выбираем весь блок.
bs.find("[visible*='0']").slideUp(100); // выберет элемент a и скрыть
bs.find(':contains("PHP")').text("php"); // заменить PHP на php
bs.find("[visible*='0']").slideDown(200); // выберет элемент a и отобразить