使用jquery禁用以前的元素的鏈接

Question

現在我有一個這樣的網站地圖：主頁>關於我們>我們是誰。我可以使用jQuery禁用「關於我們離開主頁」的鏈接仍處於活動狀態嗎？此外，如果網站地圖增加到這個水平主頁>服務>諮詢>商業>培訓。使用jQuery禁用業務，諮詢和服務鏈接，但仍然可以使「主頁」鏈接處於活動狀態，這是否可以實現？

在此先感謝

Answer 1

我覺得需要多一點的信息準確地給你你想要的東西 - 比如，你想保持第一鏈接是否有效？或者在文本中與「首頁」的第一個鏈接？

無論如何，這樣的事情聽起來像你以後：

// 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 2

這很難說清楚，沒有看到實際的HTML，但它應該是很容易做到的。比方說，你的HTML看起來像：

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

你想要做的是改變除了首先錨跨越與相同的內容。每次將頁面加載到文檔就緒處理程序中時運行此操作。請注意，您可能需要根據需要添加classes/css以保持正確的樣式。

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

Answer 3

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(); 
});