Закрепление 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; 
    }); 

это прекрасно работает, но проблема входит в игру, когда HTML в type_of_station есть два слова ... Я получаю этот адрес:

pre_config/step4/Pizza Delivery/2 

есть ли способ, чтобы сделать URL только дать мне первое слово, как это:

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