使用 jquery 禁用前一个元素的链接

Question

现在我有一个像这样的站点地图：主页>关于我们>我们是谁。我可以使用 jQuery 禁用“关于我们”离开主页的链接仍然处于活动状态吗？另外如果站点地图增加到这个级别首页>服务>咨询>>业务>训练。使用 jQuery 禁用业务、咨询和服务链接，但仍使“主页”链接处于活动状态是否可以实现。

提前致谢

Answer 1

http://jsfiddle.net/HTGBE/2/

<a href="http://jquery.com">Link</a> > 
<a href="http://jquery.com">Link</a> >
<a href="http://jquery.com">Link</a> >
<a href="http://jquery.com">Link</a> >
<a href="http://jquery.com">Link</a> >
<a href="http://jquery.com">Link</a> >
<a href="http://jquery.com">Link</a> 

和 JS：

$('a:not(:first):not(:last)').click(function(e) {
    e.preventDefault();
});

Answer 2

我认为需要更多信息才能为您提供您想要的信息 - 例如您是否试图保持第一个链接处于活动状态？或者文本中带有“Home”的第一个链接？

无论如何，这样的事情听起来就像你所追求的：

// Disable all links except first
$("#sitemap a:gt(0)").removeAttr("href")

// Disable all links except those containing the word 'Home'
$("#sitemap a:not(:contains('Home'))").removeAttr("href");

Answer 3

如果没有看到实际的 HTML，很难准确地说出来，但它应该很容易做到。假设您的 HTML 如下所示：

<div id="sitemap">
    <a href="/home">Home</a> >
    <a href="/home/about">About Us</a> >
    <a href="/home/about/who">Who We Are</a>
</div>

您想要做的是将除第一个锚点之外的所有锚点更改为具有相同内容的跨度。每次页面加载到文档就绪处理程序中时都运行此命令。请注意，您可能需要根据需要添加类/css 以保持正确的样式。

<script type="text/javascript">
   $(function() {
       $('#sitemap a:not(:first)').wrap('<span></span>').unwrap();
   });
</script>