Zmiana wartości href za pomocą jQuery

Question

Jak przeprogramować wartość href, używając jQuery?

mam powiązań z domyślnego miasta

<a href="/search/?what=parks&city=Paris">parks</a> 
<a href="/search/?what=malls&city=Paris">malls</a> 

Jeżeli użytkownik wprowadzi wartość do pola tekstowego #city chcę zastąpić Paryż o wartości wprowadzone przez użytkownika.

tej pory mam

var newCity = $("#city").val(); 

Answer 1

Biorąc masz unikalne href wartości (?what=parks i ?what=malls) Proponuję nie pisanie ścieżkę do metody $.attr(); musielibyśmy mieć jedno połączenie z $.attr() dla każdego unikalnego href, a to byłoby bardzo nadmiarowe, bardzo szybko - nie wspominając już o trudnym zarządzaniu.

Poniżej wykonuję jedno połączenie z numerem $.attr() i za pomocą funkcji zastępowania tylko części &city= nowym miastem. Dobrą rzeczą w tej metodzie jest to, że te 5 linii kodu może aktualizować setki linków bez niszczenia reszty wartości href na każdym łączu.

$("#city").change(function(o){ 
    $("a.malls").attr('href', function(i,a){ 
    return a.replace(/(city=)[a-z]+/ig, '$1'+o.target.value); 
    }); 
}); 

Jedno warto zwrócić uwagę na byłaby przestrzenie i obudowa. Można konwertować wszystko małymi literami przy użyciu metody .toLowerCase() JavaScript i można zastąpić spacje z innego wywołania .replace() jak mam na dole:

'$1'+o.target.value.replace(/\s+/, ''); 

Demo online: http://jsbin.com/ohejez/

Answer 2

tak:

var newCity = $("#city").val(); 

$('a').attr('href', '/search/?what=parks&city=' + newCity); 

EDIT: Dodany ciąg wyszukiwania

Answer 3

$('a').attr("href", "/search/?what=parks&city=" + newCity); 

Answer 4

Jak tylko klucz zostaje zwolniony w ramach #city pole wejściowe, href zostanie zaktualizowane re.

$('#city').keyup(function(){ 

    $('a').attr('href','/search/?what=parks&city='+$(this).val()); 

});