0

嗨，我已经搜索并发现了不同的东西，这些东西松散地围绕着这个和一些更紧密地联系在一起，但我无法为我遇到的问题设计和创建一个可行的解决方案：

概括：

由于我的要求，我希望以特定方式创建视图。这目前正在考虑使用自我实现的 Treeview 样式 - 目前我不希望使用任何其他类型的插件或预制视图，因为正如您在底部附加的 JS fiddle 演示中看到的那样，我可以自己实现这一点。

手头的问题：

这可能非常简单或简单，如果是这样，请原谅我的无能，但问题归结为标签 - 中间有文字，如下所示：

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

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

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

边注

在我的实际视图中，这些复选框将与使用对象类填充值的标签名称相关联。我也想要，不是真正提醒匹配的标签，而是突出它们 - 所以如果有人可以帮助解决这个问题或提出任何好的建议 - 虽然不是关键问题。（抱歉，我知道这对您没有帮助或用处，但我想我会启发您了解我提醒这些标签的原因。）

我的 JS FIDDLE 演示 - 树状视图- 编辑：这是我需要的答案（我将把它留在这里，以防其他人想使用它），由 Radu Andrei 完美提供的答案

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

4

2 回答 2

1

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

于 2015-07-03T15:17:42.570 回答
0

尝试如小提琴所示

小提琴

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

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

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

});

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

于 2015-07-03T14:49:47.920 回答