Javascript 显示所有子对象<；用户界面>；及<；李>；在一个<；李>；使用jquery标记

我有一个嵌套的“ul”“li”树。在一个实例中，我只显示基于特定名称的某些“li”，其他的则隐藏起来。我有一棵这样的树：

• branch1
  • twig1
    • 叶1
  • twig2
• Branch2
  • twig3

我需要的是，当我过滤branch1时，它也应该显示twig1、twig2和leaf1（）。现在它只显示父分支1。如何也显示子节点？我通过文本框将要过滤的文本作为输入。请帮帮我。。。提前谢谢

$（文档）.ready（函数（）{
$（'input[type=“text”]”）。keyup（函数（）{
var filter=jQuery（this.val（）；
jQuery（“ul li”）。每个（函数（）{
if（jQuery（this）.text（）.search（newregexp（filter，“i”）））<0）{
jQuery（this.hide（）；
}否则{
jQuery（this.show（）；
jQuery（this.children（）.show（）；
}
});
});
函数func（）{
警报（“Onclick函数…”）；
}
});



Branch1

树枝

叶1



细枝2




分支2

像这样试试


$（'input[type=“text”]）.keyup（函数（）{
var filter=jQuery（this.val（）；
jQuery（“#mytree>li”）。每个（函数（）{
if（jQuery（this）.text（）.search（newregexp（filter，“i”）））<0）{
jQuery（this.hide（）；
}否则{
jQuery（this.show（）；
jQuery（this.find（'li'）.show（）；
}
});
});
函数func（）{
警报（“Onclick函数…”）；
}



Branch1

树枝

叶1



细枝2




分支2

像这样试试


$（'input[type=“text”]）.keyup（函数（）{
var filter=jQuery（this.val（）；
jQuery（“#mytree>li”）。每个（函数（）{
if（jQuery（this）.text（）.search（newregexp（filter，“i”）））<0）{
jQuery（this.hide（）；
}否则{
jQuery（this.show（）；
jQuery（this.find（'li'）.show（）；
}
});
});
函数func（）{
警报（“Onclick函数…”）；
}



Branch1

树枝

叶1



细枝2




分支2

使用
仅引用#mytree元素的直接子元素：

$(document).ready(function () {

  $('input[type="text"]').keyup(function (evt) {

    var filter = jQuery(this).val();
    $("#mytree > li").each(function () {
      if (jQuery(this).text().search(new RegExp(filter, "i")) < 0) {
        jQuery(this).hide();
      } else {
        jQuery(this).show();
        jQuery(this).children().show();
      }
    });
  });

  function func() {
    alert("Onclick function...");
  }

});

$（文档）.ready（函数（）{
$（'input[type=“text”]”）。键控（函数（evt）{
var filter=jQuery（this.val（）；
$（“#mytree>li”）。每个（函数（）{
if（jQuery（this）.text（）.search（newregexp（filter，“i”）））<0）{
jQuery（this.hide（）；
}否则{
jQuery（this.show（）；
jQuery（this.children（）.show（）；
}
});
});
函数func（）{
警报（“Onclick函数…”）；
}
});
使用
仅引用#mytree元素的直接子元素：

$(document).ready(function () {

  $('input[type="text"]').keyup(function (evt) {

    var filter = jQuery(this).val();
    $("#mytree > li").each(function () {
      if (jQuery(this).text().search(new RegExp(filter, "i")) < 0) {
        jQuery(this).hide();
      } else {
        jQuery(this).show();
        jQuery(this).children().show();
      }
    });
  });

  function func() {
    alert("Onclick function...");
  }

});

$（文档）.ready（函数（）{
$（'input[type=“text”]”）。键控（函数（evt）{
var filter=jQuery（this.val（）；
$（“#mytree>li”）。每个（函数（）{
if（jQuery（this）.text（）.search（newregexp（filter，“i”）））<0）{
jQuery（this.hide（）；
}否则{
jQuery（this.show（）；
jQuery（this.children（）.show（）；
}
});
});
函数func（）{
警报（“Onclick函数…”）；
}
});
在搜索文本匹配时，只需引用outer的直接child。为此，你必须更换

jQuery("ul li").each(function() {

与

届时将开始工作：
我在：
创建了一个提琴，在搜索文本匹配时，您只需引用outer的直接child。为此，你必须更换

jQuery("ul li").each(function() {

与

届时将开始工作：
我在以下位置创建了一个小提琴：
此操作不正确。如果您键入leaf，它也会显示twig2。或者键入twig1，它也会显示twig2，反之亦然。请查收。这不能正常工作。如果您键入leaf，它也会显示twig2。或者键入twig1，它也会显示twig2，反之亦然。请查收。