Thay đổi giá trị href bằng cách sử dụng jQuery

Question

Làm cách nào để viết lại giá trị href, bằng cách sử dụng jQuery?

Tôi có mối liên hệ với một thành phố mặc định

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

Nếu người dùng nhập vào một giá trị vào một textbox #city Tôi muốn thay thế Paris với giá trị do người dùng nhập vào.

Cho đến nay tôi có

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

Answer 1

Với bạn phải độc đáo href giá trị (?what=parks, và ?what=malls) Tôi xin đề nghị không viết một đường dẫn vào các phương pháp $.attr(); bạn sẽ phải có một cuộc gọi đến $.attr() cho mỗi href duy nhất và điều đó sẽ phát triển rất thừa, rất nhanh chóng - chưa kể đến khó quản lý.

Dưới đây tôi đang thực hiện một cuộc gọi đến $.attr() và sử dụng chức năng để chỉ thay thế phần &city= với thành phố mới. Điều tốt về phương pháp này là 5 dòng mã này có thể cập nhật hàng trăm liên kết mà không phá hủy phần còn lại của giá trị href trên mỗi liên kết.

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

Một điều bạn có thể muốn xem là không gian và vỏ. Bạn có thể chuyển đổi tất cả mọi thứ để chữ thường sử dụng phương pháp Javascript .toLowerCase(), và bạn có thể thay thế không gian với một cuộc gọi đến .replace() như tôi đã xuống dưới đây:

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

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

Answer 2

Như thế này:

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

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

EDIT: gia tăng chuỗi tìm kiếm

Answer 3

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

Answer 4

Ngay sau khi một phím được nhả trong #city trường nhập, số href sẽ được cập nhật d.

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

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

});