Javascript/Jquery：如何提醒包含我的搜索的标签文本？

Question

您好，我已经搜索并发现了松散地基于此和一些更紧密相关的不同事物，但我无法为我遇到的问题设计和创建可行的解决方案：

总结：

根据我的要求，我希望以特定方式创建视图。目前正在考虑使用自行实现的 Treeview 样式——我目前不希望使用任何类型的其他插件或预制视图，因为正如您在附件 JS fiddle 演示中所见底下，我自己可以实现。

手头的问题：

这可能非常简单或直截了当，如果是这样，请原谅我的无能，但问题出在标签上——标签之间有这样的文本：

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

现在我可以毫无问题地检索这些值 - 因为它们的列表中有很多（每个选项一个）。但最终问题的根源是将这些与我的搜索输入相匹配。虽然我对每个循环都使用了非常明显和通用的方法，但实际上匹配 'input' - 我的搜索输入变量 - 和标签的文本在一起存在问题 - 因此它不会提醒正确的值，有时会提醒所有15 个值，但只有 4 个可能匹配...

任何帮助将不胜感激 - 随意使用任何树视图代码，它与 select 框一起工作得非常好。

旁注

在我的实际视图中，这些复选框将使用对象 class 与标签名称相关联以填充值。我还想，不是真正提醒匹配的标签，而是突出显示它们——所以如果有人可以帮助解决这个问题或提出任何建议，那就太好了——不过这不是关键问题。（抱歉，我知道这对你没有帮助或用处，但我想我会告诉你我提醒这些标签的原因。）

MY JS FIDDLE DEMO - TREEVIEW -- 编辑：这是我需要的答案（我会把它留在这里以防其他人想要使用它），Radu Andrei

完美地提供了答案

编辑：除了标签文本与搜索文本匹配这一事实外，我不希望根据任何标准发出警报。

Answer 1

如图所示尝试fiddle

FIDDLE

我刚刚用以下内容更新了您的搜索功能

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

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

});

它将在每个标签文本中查找搜索字符串，如果找到则显示警报。

Answer 2

问题的答案可以在 fiddle -> https://jsfiddle.net/mLbhLh89/11/ .

中找到

Javascript/Jquery：如何提醒包含我的搜索的标签文本？

Javascript/Jquery: How do i alert labels text that contains my search?

javascript

jquery

contains

textmatching