Javascript/jquery：如何提醒包含我的搜索的標籤文本？

您好我已經搜查，發現解決這個鬆散的，基於不同的事情和一些更緊密地聯繫在一起，但我一直沒能制定並創建我有問題的一個可行的解決方案：Javascript/jquery：如何提醒包含我的搜索的標籤文本？

摘要：

由於我的要求，我正在尋找以特定方式創建視圖。目前正在使用一種自我實現的Treeview風格 - 我不希望在此刻使用任何其他插件或預先製作的視圖，因爲從底部附帶的JS小提琴演示可以看出，我可以自己做到這一點。

問題在眼前：

這可能是愚蠢的容易或簡單，如果是的話，請原諒我的無能，但問題已大幅下降，標籤 - 這有文字在其間，像這樣：

<ul><checkbox class="collapsible" /><label>Value 1</label>...<ul>

現在我沒有問題，在抓取這個值 - 因爲有在他們的名單（每個選項）不少。但最後問題的基礎是將這些與我的搜索輸入相匹配。儘管我已經對每個循環都使用了非常明顯和通用的方法，但它實際上與「輸入」（我的搜索輸入變量）和標籤文本一起匹配有問題 - 因此它不會警告正確的值，並且有時可能會警告所有15個值當只有4可能匹配...

任何幫助將非常感謝與此 - 隨意使用任何樹視圖代碼，它與選擇框旁邊很好地工作。

旁註

在我的實際考慮到這些複選框將使用一個對象類來填充值的標籤名稱相關聯。我也想要，不是真的提醒匹配的標籤，而是要突出它們 - 所以如果任何人都可以提供幫助，或者建議任何可以很好的東西 - 但不是關鍵問題。（對不起，我知道這是沒有幫助或用於你，但我認爲我的ID提醒你我的理由提醒這些標籤。）

MY JS FIDDLE DEMO - TREEVIEW - 編輯：這是我需要的答案（我會留在這裏）任何人想利用這一點），回答拉杜安德烈

編輯提供完美：我不是找提醒基於任何標準的旁白說的標籤文本搜索文本匹配的事實。

來源

2015-07-03 harrison

事情是這樣的：https://jsfiddle.net/mLbhLh89/4/？（你的標籤有空格，我沒有修剪空格或者使搜索不區分大小寫 - 相當容易）。 –

只是爲了澄清，你只想抓住選中的複選框標籤名稱？ – Amir

對不起，澄清 - 我只是想提醒與文本匹配的標籤值 - 選擇與否不是我在這裏打擾的一個條件。抱歉忘了提及這一點。 – harrison

問題的答案可以在小提琴中找到 - >https://jsfiddle.net/mLbhLh89/11/.

來源

2015-07-03 15:17:42

在小提琴嘗試如圖

FIDDLE

我剛剛更新了你的搜索功能與以下

$("#search").on("click", function() { 
    $("label").each(function(i,v){ 

     if($(this).text().indexOf($("#search-criteria").val())>0){ 
     alert($(this).text()); 
     } 
    }); 

});

它會發現，在每個標籤的文本搜索字符串，並顯示一個警告，如果發現。

來源

2015-07-03 14:49:47 Hemal

如果所有孩子都被人工檢查，那麼檢查父母會怎麼樣？ +1 tho – Houssni

這是一個可怕的解決方案 - 這將只檢查是否在選擇全部或絕對子節點 - 沒有其他標籤會提醒，無論輸入，抱歉。通過這個我的意思是你永遠不會得到任何'數字＃'的警報，這對我來說並不公開。謝謝你嘗試。 – harrison

因爲$（「label」），我會這樣搜索每個標籤。 – Hemal

Javascript/jquery：如何提醒包含我的搜索的標籤文本？

回答

相關問題