Мне нужно обновить значение href с помощью jquery

Question

Мне нужно обновить значение href по сравнению с страницей с помощью jquery. Скажите href = "http://www.google.com?gsec=account" следует изменить на href = "http://account.google.com?gsec=account", как я могу это сделать.

Answer 1

Это будет сделать замену в течение страницу, я думаю, что вы ищете.

// Find `<a>` elements that contain `www.google.com` in the `href`. 
$('a[href*="www.google.com"]').attr('href', function(i,href) { 
     // return a version of the href that replaces "www." with "accounts." 
    return href.replace('www.', 'accounts.'); 
}); 

Попробуйте:http://jsfiddle.net/dT8j6/

---

EDIT: Эта версия позволяет https:// и ссылки без www..

Попробуйте:http://jsfiddle.net/dT8j6/1/

$('a[href*="google.com"]').attr('href', function(i,href) { 
    return href.replace(/^http(s*):\/\/(www\.)*google.com/, 'http$1://accounts.google.com'); 
}); 

---

EDIT: Если вы только хотите изменить элементы, которые имеют gsec=account, а затем изменить селектор $('a[href*="gsec=account"]').

Answer 2

позволяет сказать, что у вас есть это:

<a href="http://www.ibm.com" id="myLink"> 

вы должны использовать это:

var newHref = "http://google.com"; 

$("#myLink").attr('href', newHref); 

Answer 3

Я думаю, что вы оставили что-то в вашем вопросе. Тем не менее:

var link = $("a"); // Or some other selector to access the link 
link.attr("href", "http://account.google.com?gsec=account"); 

Answer 4

Используйте метод jQuery's .attr(). С одним параметром он возвращает значение атрибута, с двумя параметрами, которые вы его установили.

$("a#whatever").attr("href", "http://account.google.com?gsec=account"); 

Answer 5

Это дубликат:

How to change the href for a hyperlink using jQuery

Один сценарий не упоминается, если вы установите идентификатор на якорь, который должен быть изменен, то вы можете использовать идентификатор в качестве селектор в jQuery.

$("#LinkId").attr('href', "http://account.google.com?gsec=account") 

Answer 6

Если вы хотите изменить все ссылки, то:

$(document).ready(function() { 
$("a").attr("href", "http://account.google.com?gsec=account"); 
}); 

Answer 7

Это следует надеяться обеспечить довольно полное решение проблемы (как лучше я могу интерпретировать это, во всяком случае):

$(function() { 
    $('a').each(function() { 
    var $this = $(this), 
     href = $this.attr('href'); 
    var res = href.match(/(.*?)(www)(\.google\.com.*?)([?&]gsec=)([^&]+)(.*)/); 
    if (null != res) { 
     // remove the "full match" entry 
     res = res.slice(1); 
     // replace www match with account match 
     res[1] = res[4]; 
     // update the href attribute 
     $this.attr('href', res.join('')) 
    } 
    }); 
}); 

---

редактировать: Если «счет» является статическое значение, то это будет работать также:

$(function() { 
    $('a').each(function() { 
    var $this = $(this), 
     href = $this.attr('href'); 
    var res = href.match(/(.*?\/\/)(www)(\.google\.com.*?)([?&]gsec=account)(&?.*)/); 
    if (null != res) { 
     // remove the "full match" entry 
     res = res.slice(1); 
     // replace www match with account match 
     res[1] = 'account'; 
     // update the href attribute 
     $this.attr('href', res.join('')) 
    } 
    }); 
}); 

Пожалуйста, обратите внимание, что эти решения предполагают, что могут быть и другие изменения в URL, например, HTTP/HTTPS и других переменных строки запроса.