如果没有通过jquery找到的经验数据，我想在导航菜单上显示一个popover对象（li对象）;这是导航菜单中“a”标签的data-content字段data-content=“Experience is empty”。
导航菜单：

<div class="span3 ozgecmis-sidebar">
    <ul class="nav nav-list ozgecmis-sidenav" id="ozgecmis-nav"> 
        <li><a href="#ogrenim" class="section-link">Öğrenim Bilgileri</a></li>
        <li><a href="#meslek" class="section-link">Meslek Bilgileri</a></li>                     
        <li id="experience" runat="server" ><a href="#exp" class="section-link" >Work Experience</a></li>                        
    </ul>        
</div>

字符串
如果没有经验数据，菜单项将

<div class="span3 ozgecmis-sidebar">  
    <ul class="nav nav-list ozgecmis-sidenav" id="ozgecmis-nav">
        <li><a href="#ogrenim" class="section-link">Öğrenim Bilgileri</a></li>
        <li><a href="#meslek" class="section-link">Meslek Bilgileri</a></li>     
        <li id="experience" runat="server"  style="background-color:pink;"><a class="popover-link-a section-link" href="#exp" data-toggle="popover" title="Work experience" data-content="Work Exp is empty !" onclick="javascript:return false;">Work experience</a>        
        </li>
    </ul> 
</div>

型
如果有经验数据，菜单项将是

<div class="span3 ozgecmis-sidebar">
    <ul class="nav nav-list ozgecmis-sidenav" id="ozgecmis-nav"> 
        <li><a href="#ogrenim" class="section-link">Öğrenim Bilgileri</a></li>
        <li><a href="#meslek" class="section-link">Meslek Bilgileri</a></li>       
        <li id="experience" runat="server" ><a href="#exp" class="section-link">Work Experience</a></li>
    </ul> 
</div>

型
下面的代码是一个简单的例子：

<script>
    $(document).ready(function () {
    var gridView = document.getElementById("ctl03_gridExperience");
    var rows = gridView.getElementsByTagName("tr");
    if (rows.length == 0) {
       document.querySelectorAll("a.section-link").forEach((item) => {
       if (item.innerText == 'Work Experience'){
           item.classList.add('popover-link-a');
       }
    }); 
  }                         
  }                  
  });
  </script>

型
我该怎么办？