Как обновить (добавить) href в jquery?

79

У меня есть список ссылок, которые ведут на API карт Google.

в ссылках уже есть daddrстатический параметр (назначение). Я использую геолокацию, чтобы найти положение пользователей, и хочу добавить saddr(исходный адрес) к ссылкам, как только получу данные.

поэтому в основном мне нужно будет добавить что-то вроде &saddr=50.1234567,-50.03452в конце всех ссылок, указывающих на карты Google

Все ссылки имеют класс под названием directions-link

и на этой странице я понял, как их изменить:

$("a.directions-link").attr("href", "http://www.google.com/");

Однако я хочу только добавить свое значение в конец href, не изменяя того, что уже есть href.

Как я могу это сделать?

jquery

— Джей Ди Айзекс
источник

149

var _href = $("a.directions-link").attr("href");
$("a.directions-link").attr("href", _href + '&saddr=50.1234567,-50.03452');

Зацикливаться с each()

$("a.directions-link").each(function() {
   var $this = $(this);       
   var _href = $this.attr("href"); 
   $this.attr("href", _href + '&saddr=50.1234567,-50.03452');
});

— Гейб
источник

Спасибо, будет ли это работать, если есть более 1 направления - ссылки все с разными hrefs? Спасибо!

— JD Isaacks

Если вы добавляете одно и то же для каждого экземпляра, a.directions-linkтогда да. В противном случае, если вы добавляете разные значения к каждому href, вам нужно будет использовать each()для итерации и добавления соответствующего значения.

— Гейб

Я добавляю одно и то же значение, но для начала все href разные. поэтому, если первый - one.html, а второй - two.html, они оба в конечном итоге будут one.html & saddr ... потому что он захватывает только href первой ссылки a.directions и использует его для всех. Поэтому я думаю, что мне нужно использовать each (). Не хотите ли вы рассказать об этом? Благодаря!!

— JD Isaacks

Да, петля - это то, что мне нужно, спасибо! :)

— Джей Ди Айзекс

41

В jQuery 1.4 есть новая функция для этого, и она управляет. Я забыл, как это называется, но вы используете его так:

$("a.directions-link").attr("href", function(i, href) {
  return href + '?q=testing';
});

Это также проходит по всем элементам, поэтому нет необходимости в $ .each

— заюс
источник

4

У меня это не сработало, но сработало .attr('href', function(i) { return $(this).attr('href') + '?q=testing'; }).

— Elbert Alias

3

@elfbertf у меня работает. Вы используете jquery> = 1.4? А вы включили переменную href в качестве второго аргумента?

— zaius 07

$ ("# калькулятор"). attr ("href", function (i, href) {return href + '? ves =' + 23 + '& v =' + 'sdfds';}); не работает

— des1roer 09

Протестировав это на jsfiddle.net/qz9eLr2z , он работает. api.jquery.com/attr/#attr-attributeName-function говорит, что это было добавлено в jQuery 1.1.

— Джейкоб С.

1

@JacobC. Разрешение attr принимать функцию было добавлено в 1.1, но передача текущего значения в качестве второго параметра была добавлена в 1.4. Вот пример того, как он не работает в jquery 1.3 jsfiddle.net/qz9eLr2z/1

— zaius

2

$("a.directions-link").attr("href", $("a.directions-link").attr("href")+"...your additions...");

— Диодей - Джеймс Макфарлейн
источник

1

Это не правильно. Он применяет href из первой совпавшей ".directions-link" ко всем ссылкам этого класса. jsfiddle.net/yuezewaw

— Джейкоб С.

-1

Вот что я пытался сделать, чтобы добавить в URL-адрес параметр, который содержит конкретный символ в URL-адресе.

jQuery('a[href*="google.com"]').attr('href', function(i,href) {
        //jquery date addition
        var requiredDate = new Date();
        var numberOfDaysToAdd = 60;
        requiredDate.setDate(requiredDate.getDate() + numberOfDaysToAdd); 
        //var convertedDate  = requiredDate.format('d-M-Y');
        //var newDate = datepicker.formatDate('yy/mm/dd', requiredDate );
        //console.log(requiredDate);

        var month   = requiredDate.getMonth()+1;
        var day     = requiredDate.getDate();

        var output = requiredDate.getFullYear() + '/' + ((''+month).length<2 ? '0' : '') + month + '/' + ((''+day).length<2 ? '0' : '') + day;
        //

Рабочий пример Нажмите

— Бикрам Шреста
источник

1

Какова цель этого поста? Это вопрос или ответ? Или просто странный комментарий? Если позже, значит, вы публикуете не в том месте. ;-)

— Фил Хили

Я создал демонстрационный образец в jsfiddle, но ссылка была неправильной. Теперь он указывает на правильный URL.

— Бикрам Шреста

Ваш «ответ» не имеет смысла, это скорее странное утверждение.

— Фил Хили