增量HREF值：

Question

假設你有一個包含一些值的鏈接：

<a href="/action?number_one=1&number_two=4" class="some_link"> something </a> 

你怎麼能增加NUMBER_ONE和NUMBER_TWO時使用jQuery這個鏈接用戶點擊？

我知道extract number_one's value你可以使用正則表達式：

var number_one = $(this).attr("href").match(/number_one=([0-9]+)/)[1]; 

你怎麼能然後增加它由20說，這樣它現在變成：

<a href="/action?&number_one=21&number_two=24" class="some_link"> something </a> 

Answer 1

此作品在Chrome中，至少 - .search屬性是HTML5屬性：

// get the real link element 
var link = $(this).get(0); 
var fields = {}; 

// parse and increment number one 
fields.number_one = link.search.match(/number_one=([0-9]+)/)[1]; 
fields.number_one += 20; 

// do same for number two: 
fields.number_two = link.search.match(/number_two=([0-9]+)/)[1]; 
fields.number_two += 20; 

// update the link's query parameters 
link.search = $.param(fields); 

Answer 2

這應該對任何網址查詢var=number對數：

var fixed_url = $(this).attr("href").replace(
     // This regex matches a url-query var=number 
     /([?&]\w+=)(\d+)(?=[&#]|$)/g, 
     // This function increments the value by one. 
     function(m0, m1, m2) { 
      return m1 + (Number(m2) + 1); 
     }); 

編輯：刪除無效的jQuery分配。