Как удалить все из URL после/символа?

Question

Мой URL может выглядеть следующим образом:

http://www.example.com/xchanges/?sfid=422&_sft_category=ogilvy 

Мне нужен URL, чтобы изменить после щелчка и стать

http://www.example.com/xchanges/ 

Никаких других действий не требуется, просто изменение строки URL. Поэтому в основном мне нужно устранить ?sfid=422&_sft_category=ogilvy Но это динамичный, так что все после http://www.example.com/xchanges/ может быть ничего

$('.filter').on('click', 'a', function(event) { 
event.preventDefault(); 
..Change url... 
}); 

Answer 1

Вы можете разбить строку ULR на две части с split() функции.

Тогда просто держать первую часть (до ?) с использованием pop()

Проверьте DEMO (проверьте консоль)

var url = 'http://www.example.com/xchanges/?sfid=422&_sft_category=ogilvy'; 

var arr = url.split('?'); 
arr.pop(); 
console.log(arr[0]); 

EDIT (Для навигации)

window.location.href = arr[0]; 

EDIT # 2

Во-первых, вы получите текущий URL (независимо от того, что есть) и сохранить его в переменной:

var url = window.location.href; 

Далее выполняется, как описано выше (разделить URL, сохранить только первую часть и перенаправить страницу этот URL-адрес)

$('#change').on('click', function() { 
 
    var url = $('span').text(); 
 

 
    var arr = url.split('?'); 
 
    arr.pop(); 
 
    //alert(arr[0]); 
 
    window.location.href = arr[0]; 
 
});

span { 
 
    width: 100%; 
 
    float: left; 
 
} 
 

 
#change { 
 
    display: inline-block; 
 
    padding: 10px; 
 
    background-color: #333; 
 
    color: #fff; 
 
    float: left; 
 
    margin-top: 10px; 
 
    cursor: pointer; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<span>http://www.example.com/xchanges/?sfid=422&_sft_category=ogilvy</span> 
 

 
<div id="change">change</div>

Answer 2

'http://www.example.com/xchanges/?sfid=422&_sft_category=ogilvy'.replace(/[^\/]*$/, '') 

Th будет удалять строку после последнего символа /