分类导航

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了使用Jquery根据正文ID添加/删除类，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_618_0@

我不是 javascript高手,但我需要创建一个完成以下操作的脚本.

如果body id =“index”,则将类“current-SELEcted”添加到锚标记,其中href = index.PHP
如果body id =“services”将class =“current-SELEcted”添加到锚标记,其中href = services.PHP
等等

这有意义吗？有人可以帮忙吗？

谢谢,如果可以的话！

Abbotsford Web Design

解决方法

建于 Using Jquery to add/remove a class based on body Id：

var bodyID = $('body').attr('id');

$("a[href$='" + bodyID + ".PHP']").toggleClass('current-SELEcted'); //add/remove

要么

$("a[href$='" + bodyID + ".PHP']").addClass('current-SELEcted'); //add

而不是“=”,我们使用“$=”(指“href $=”)语法,它将匹配字符串的结尾,因此“index.PHP”和“/index.PHP”将匹配“的index.PHP”.

要在您的站点上实现它,您需要在jQuery ready函数中运行上面的代码,以便在Javascript对其执行操作之前加载脚本块下面的所有HTML：

编辑：这适用于您网站的所有主/顶导航链接(匹配href的字符串是URL的最后一个路径段)：

<script type="text/javascript">
$(document).ready(function(){
    page = window.LOCATIOn.pathname.subString(1).replace(/\//g,'');
    $("a[href*='" + page + "']").addClass('current-SELEcted');
});
</script>

@H_618_0@

大佬总结

以上是大佬教程为你收集整理的使用Jquery根据正文ID添加/删除类全部内容，希望文章能够帮你解决使用Jquery根据正文ID添加/删除类所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。