1

我正在尝试实现一个搜索框，它将在特定播放（AJAX 文件）中搜索单词的任何实例，如果找到该单词，则输出该行。我的问题是，如果没有找到单词的结果，而不是继续显示整个剧本，它只会输出剧本的最后一行。

我的功能：

function searchResults(query) {        
  var temp = "\\b" + query + "\\b";         
  var regex_query = new RegExp(temp, "gi"); 
  var currentLine;
  var num_matching_lines = 0;
  $("#mainOutput").empty();
  $("LINE", current_play_dom).each(function () {
    var line = this;
    currentLine = $(this).text();           
    matchesLine = currentLine.replace(regex_query, '<span class="query_match">' + query + '</span>');
    if ( currentLine.search(regex_query) > 0 ) {
      num_matching_lines++ 
      $("#mainOutput").append("<br /><p class='speaker_match'>"+  $(line).parent().find('SPEAKER').text() +"</p>");
      $("#mainOutput").append("<p class='act_match'>"+  $(line).parent().parent().parent().children(':first-child').text()+"</p>");
      $("#mainOutput").append("<p class='scene_match'>"+  $(line).parent().parent().children(':first-child').text() +"</p>");
      $("#mainOutput").append("<p>" + matchesLine + "</p>");
      $("#mainOutput").append("<br>");
    }   
  });
  $("#mainOutput").append("<p>" + matchesLine + "</p>");
  $("#sideInfo").append("<p>Found " + query + " in " + num_matching_lines + " lines</p>");
}

另外一个附带问题是有一种更简洁的方法来做到这一点： $(line).parent().parent().parent().children(':first-child')

4

0 回答 0