
类似于想点击面包屑导航中的某一个,删除其余后面的所有节点,在js中该怎么写
其实很简单,在点击事件中可传入参数 οnclick="myfunction(this)"
<ol class="breadcrumb" style="background-color:#ffffff;">
<li ><a href="javascript:void(0);" onclick="myfunction(this)" >全部文件</a></li>
<li ><a href="javascript:void(0);" onclick="myfunction(this)" >a</a></li>
<li ><a href="javascript:void(0);" onclick="myfunction(this)" >b</a></li>
</ol>
因为点击的是a标签,而a标签的父节点是li,要删除导航中的路径即是删除其对应的li标签,所以用jquery获取到其父节点,再使用nextAll(),remove()即可
function myfunction(obj){
//获取子标签序号
$(obj.parentNode).nextAll().remove();
}
本文介绍了一种使用JavaScript和jQuery简化面包屑导航的方法,通过点击事件删除当前选中项后的所有节点,实现路径清晰化。

351

被折叠的 条评论
为什么被折叠?



