Javascript過濾器通過html標籤（h2和範圍）

我試圖通過標題搜索項目標題和城市。Javascript過濾器通過html標籤（h2和範圍）

$(list).find("li > div > h3:not(:Contains(" + filter + "))").parent().slideUp();

這裏是Fiddle demo。

我明白，li > div意味着div是li，對不對？

不工作，可能是因爲它沒有檢測H3 ..

來源

2014-02-20 user3243925

正如指出的in the documentation.

子選擇器（「父>子」）說明：選擇所有直接由「parent」指定的元素的「子」指定的子元素。

您不是在尋找直接的孩子。

我會做：

$(list).find("li div h3:not(:Contains(" + filter + "))").parent().slideUp();

來源

2014-02-20 15:57:05 Alvaro

所以我是正確的。但是可以做一些像'li> div> li> h3'？ – user3243925

@ user3243925爲什麼你要這樣做，如果它在這種情況下不起作用？你應該使用我提供的選項或使用'find'。 – Alvaro

那麼，那種作品。但是當我輸入類似「Google」的內容時，它應該隱藏其他div。我知道，爲此我可能不得不使用'功能隱藏'？另外，如果我清除了輸入，我希望再次看到所有內容，並且它不起作用。 – user3243925

$(list).find("li div h3:not(:Contains(" + filter + "))").parent().slideUp(); 
       $(list).find("li div h3:Contains(" + filter + ")").parent().slideDown();

使用本

來源

2014-02-20 16:00:33 sunrise

Javascript過濾器通過html標籤（h2和範圍）

回答

相關問題