如果没有通过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>
型
我该怎么办?
1条答案
按热度按时间3ks5zfa01#
如果不需要,只需删除属性
不需要在
a.section-link
上循环,因为您可以使用document.querySelector("#experience a");
直接访问体验链接个字符