jQuery: Thêm văn bản vào một HREF hiện tại

Question

Tôi đang cố sửa đổi một liên kết bằng jQuery. Các liên kết được tạo động và tôi không thể kiểm soát HREF hiện tại khi chúng được gọi từ trang web của bên thứ ba.

Sử dụng jQuery, làm thế nào tôi có thể thay đổi một liên kết từ này:

example.com/?one=1&two=1 

này:

example.com/?one=1&two=1&thisisadded=true 

nên về cơ bản thêm &thisisadded=true đến cuối của liên kết?

Các liên kết cần thay đổi nằm trong div riêng của chúng với lớp là my-link.

Answer 1

$('a.my-link').each(function() { 
    var href = $(this).attr('href'); 
    $(this).attr('href', href + '&thisisadded=true'); 
}); 

Thay thế bộ chọn bằng bộ chọn jQuery sẽ khớp với liên kết thích hợp trên trang web của bạn nếu tôi không đủ tốt.

Answer 2

var href = $(this).attr('href'); 
$(this).attr('href', href + '&thisisadded=true') 

Rõ ràng làm điều này trong một bối cảnh nơi this là liên kết của bạn

Answer 3

Chỉ cần sử dụng chọn của bạn, và một hàm callback để attr. Điều này sẽ thêm phần bổ sung cho phù hợp với mỗi liên kết:

$('a.my_link').attr('href', function(i, a){ return a + "&thisadded=true" }); 

Khi cung cấp một callback với phương pháp attr, tham số đầu tiên là index và tham số thứ hai là bản gốc giá trị attribute. Bất kỳ thứ gì được trả về từ hàm gọi lại sẽ trở thành giá trị mới.

Lưu ý: Tính năng này có sẵn trong jQuery 1.1 và cao hơn. Đừng để phương thức này bị nhầm lẫn với lô các phương thức mới chấp nhận các callbacks được giới thiệu trong jQuery 1.4.