找到哪个元素在js中有我的单词并给出子索引或元素的目标

Question

我在id okz 的div中有多个html元素。这些子元素在其中包含某些单词。在id okz 的div中将包含更多元素被发现。

HTML代码： -

 <button onclick="again('points')">Try again</button>
 <div id="okz">
    <div>
         Welcome to Alisha's world
    </div>
    <p> Now you have only 5 points only!</p>
    <ul>
       <li>1 points again</li>
       <li>You have no points</li>
       <li><a href="cookie_catch.html">points review.<a></li>
   </ul>
<div>
<script>
    function again(find){
       var el =  document.getElementById('okz');
       var jk = el.getElementsByTagName("*");
         for (var i = 0; i < jk.length; i++) {
            var text = jk[i].innerHTML;
            var g = text.replace(/\s/g, '');
            if (g.indexOf(find) !== -1) {
               console.log( jk[i].tagName+' >' +' string named :- '+find)
            }
         }
    }
</script>

我收到元素 <li> 的父名称不正确，因为它是ul的嵌套子元素（div的第二个孩子，id为okz），元素的父名称不正确 {{ 1}} 因为它嵌套在ul（div的第二个孩子，id为okz）和li（ul的第二个孩子，即div的第二个孩子）。

1. id里面可能有更多的html元素，即okz

我的输出： -



我想要获得的示例输出： -

• okz（2）＆gt; ul（2）＆gt; li（1）＆gt;一个名为的字符串： - points

里面的数字（）是子编号。 同样适用于其他人

我该怎么做？

• 请不要使用jquery或任何javascript库建议我的想法