固定的URL，所以沒有空間

Question

我有了通過jQuery動態生成其位置的按鈕：

<a id="final_location" 
    href="/pre_config/step4" 
    class="proceed-btn right">Proceed To Next Step &gt;&gt;&gt;</a> 

$('#final_location').click(function() { 
     location.href = this.href + '/' + escape($('#type_of_station').html()) + 
      '/' + escape($('.number_changer').attr("id").slice(-1)); 
     return false; 
    }); 

這個偉大的工程，但問題進場時type_of_station的HTML是二話......我得到這個網址：

pre_config/step4/Pizza Delivery/2 

有沒有一種方法，使網址只給我的第一個詞是這樣的：

pre_config/step4/Pizza/2 

也許這可以改變只返回第一個字？

Answer 1

使用

encodeURIComponent($('#type_of_station').text().match(/^\S*/)[0]) 

，而不是escape($('#type_of_station').html())拿到的第一個字（用空格隔開）。

Answer 2

這應該讓你一語中的的第一個詞：

var type = $('#type_of_station').html(); 
var i = type.indexOf(' '); 
if (i != -1) type = type.substr(0, i); 

Answer 3

你可以這樣做：

var name = "Pizza Delivery"; 
var pieces = name.split(" "); 

alert(pieces[0]); // Pizza 

或者只是做：

var name = "Pizza Delivery"; 
name = name.replace(/\s/g, "-", name); // feel free to change the - delimiter 

alert(name); // Pizza-Delivery