jquery 实现input 搜索模糊查询树

以下是一个简单的示例代码，使用jQuery实现input搜索模糊查询树：

HTML代码：

<input type="text" id="searchInput" placeholder="请输入搜索关键字">
<div id="tree">
  <ul>
    <li>
      <a href="#">节点1</a>
      <ul>
        <li><a href="#">节点1.1</a></li>
        <li><a href="#">节点1.2</a></li>
      </ul>
    </li>
    <li>
      <a href="#">节点2</a>
      <ul>
        <li><a href="#">节点2.1</a></li>
        <li><a href="#">节点2.2</a></li>
      </ul>
    </li>
  </ul>
</div>

JavaScript代码：

$(document).ready(function() {
  $('#searchInput').keyup(function() {
    var searchText = $(this).val();
    searchTree(searchText);
  });
});

function searchTree(searchText) {
  var tree = $('#tree');
  tree.find('li').hide();
  tree.find('a:contains("' + searchText + '")').each(function() {
    $(this).parents('li').show();
    $(this).siblings('ul').find('li').show();
  });
}

此代码使用了jQuery的keyup事件监听输入框的输入，然后使用jQuery选择器在树中搜索包含搜索关键字的节点，并显示它们及它们的父节点。请注意，此代码仅实现了基本的搜索功能，您可能需要根据您的特定需求进行修改和改进。