如何從href鏈接替換散列錨（octothorpe）

Question

我需要幫助來確定最後一點。我試圖將<a href='#some link'>形式的一組錨元素更改爲這種形式：<a href='some_link.html'>。我敢肯定，這是一個小的我可以忽略...下面是一個鏈接作爲例子。謝謝！

http://jsfiddle.net/TGxANAHEiiMx/Dh8JM/24/

Answer 1

你遍歷所有<a>元素，還（有一個name屬性，而不是即那些）中的那些沒有href屬性。改爲使用a[href]，它僅選擇實際上具有href屬性的<a>元素來替換：http://jsfiddle.net/Dh8JM/25/。

$('a[href]').attr(...); 

Answer 2

這會幫助

$("a[href='#top_page']").attr("href","some_link.html"); 

Answer 3

我建議：

$('a').each(
    function(){ 
     var h = this.href.substring(this.href.indexOf('#')+1); 
     if (h == 'top_page'){ 
      return false; 
     } 
     else { 
      this.href = h.replace(/ /g, '_') + '.html'; 
     } 
    });​ 

JS Fiddle demo。

<a href='#Tax Services'>Tax Services</a> 

進入：從

以上會變成a元素

<a href="#Tax_Services.html">Tax Services</a> 

Answer 4

您遇到一個錯誤，其中一些你<a>標籤沒有定義的href屬性。 Here是一個工作小提琴。

$('a').attr('href', function(i, val) { 
    // skip the undefined ones with val !== undefined 
    if (val !== '#top_page' && val !== undefined) { 
     return val.replace(/\#/, '').replace(/\s/g, '_') + '.html'; 
    } 
});