絞り込み検索後に対象ワードを含んでないliは名前部分のdiv要素も非表示にしたい

<!DOCTYPE html>
<html lang="jp">
<head>
  <meta charset="UTF-8">
  <title>絞り込みJS</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="https://webkaru.net/jquery-plugin/sources/lookingfor/jquery.lookingfor.js"></script>

  <style>
    *{
      list-style: none;
    }
  </style>
  
</head>
<body>

<input type="text"id="word">
 
<div id="target">
  <div class="modal_message_list" id="message_list1">
    <ul>
      <li>
        <div class="modal_message_prof">
          <label>山田太郎</label>
        </div>
        <p class="modal_message_txt">
          コメント123
        </p>
      </li>
      <li>
        <div class="modal_message_prof">
          <label>鈴木太郎</label>
        </div>
        <p class="modal_message_txt">
          コメント456
        </p>
      </li>
    </ul>
  </div>

</div>
 
<script>
  jQuery(function($) {
	$('#target').lookingfor({
		input: $('#word'),
		items: 'li .modal_message_txt',
        highlight: true,
        onFound: function(){
        //カスタマイズした部分
//          $(".modal_message_list>ul>li").each(function(idx, ele){
//              var eleTarget= $(this).find(".modal_message_txt>.lfitem_match");
//              if(eleTarget.length <= 0){
//                $(this).hide();
//              }
//          });
        }
	});
  });
   
</script>
  
</body>
</html>

下記プラグインを使用しているのですが、テキスト部分だけに検索をかけたいので、検索後に対象ワードを含んでないliは名前部分のdiv要素も非表示にしたいです。
プラグインから付与されるclassを使用し途中までカスタマイズしたのですが、今度はinputが空になったときにliを戻したいのですがうまく動作致しません。
自分でカスタマイズはしましたが、実現できればこの方法以外でも構いません。
何か良い方法があればご教授お願い致します。

使用プラグイン
https://github.com/albburtsev/jquery.lookingfor

kuma_kuma_

2020/10/12 15:45

https://webkaru.net/jquery-plugin/sources/lookingfor/demo.html 質問者様の意図そのままのサンプルだと思うのですが...。

hannes

2020/10/12 16:06

liに対して検索をあててしまうと名前も検索されてしまうので、p要素の中のテキストだけを検索したいです。その時に該当ワードがなくても検索結果に名前部分が残ってしまうので、その部分を非表示にしたいということです。

kuma_kuma_

2020/10/13 08:21

> p要素の中のテキストだけを検索したいです。先のサンプルURLみたいな仕組みでテキスト部分はタグだけにしたいという事ですね > 該当ワードがなくても検索結果に名前部分が残ってしまういまの状態だとタグ以外に検索が当たっているので同じように黄色の選択が<label>にも起こってしまうという解釈でよろしいですか？

hannes

2020/10/13 17:17

＞先のサンプルURLみたいな仕組みでテキスト部分はタグだけにしたいという事ですねはい＞いまの状態だとタグ以外に検索が当たっているので同じように黄色の選択が<label>にも起こってしまうという解釈でよろしいですか？正確に言いますと私のサンプルですとタグの.modal_message_txtに検索が当たっています。この状態で該当ワードがない時に名前部分の<div>を消したいです。例）123と検索→鈴木太郎は消すもしくはliに検索をあてて、名前部分の<label>に検索が起こらないようにする、でもよいかと思います。