如何使用jQuery搜索JSON树

var jsonData = {
  "name": "Root",
  "children": [
    {
      "name": "Node 1",
      "children": [
        {
          "name": "Node 1.1"
        },
        {
          "name": "Node 1.2"
        }
      ]
    },
    {
      "name": "Node 2",
      "children": [
        {
          "name": "Node 2.1"
        },
        {
          "name": "Node 2.2"
        }
      ]
    }
  ]
};

<input type="text" id="searchInput" placeholder="Search">
<div id="searchResults"></div>

$('#searchInput').on('input', function() {
  var searchTerm = $(this).val().toLowerCase();
  var results = searchJSON(jsonData, searchTerm);
  displayResults(results);
});

function searchJSON(data, term) {
  var results = [];
  
  if (data.name.toLowerCase().indexOf(term) !== -1) {
    results.push(data);
  }
  
  if (data.children) {
    data.children.forEach(function(child) {
      results = results.concat(searchJSON(child, term));
    });
  }
  
  return results;
}

function displayResults(results) {
  var $searchResults = $('#searchResults');
  $searchResults.empty();
  
  if (results.length === 0) {
    $searchResults.text('No results found.');
  } else {
    results.forEach(function(result) {
      $searchResults.append('<p>' + result.name + '</p>');
    });
  }
}