반응형
jquery에서 href를 업데이트 (추가)하는 방법은 무엇입니까?
모두 Google지도 API로 이동하는 링크 목록이 있습니다.
링크에는 이미 daddr
(destination) 매개 변수가 정적으로 있습니다. Geo-Location을 사용하여 사용자 위치를 찾고 saddr
데이터를 받으면 링크에 (소스 주소)를 추가하고 싶습니다 .
그래서 기본적으로 &saddr=50.1234567,-50.03452
Google지도를 가리키는 모든 링크의 꼬리 끝에 같은 것을 추가해야 합니다.
모든 링크에는 directions-link
과에서 이 페이지 내가 그들을 변경하는 방법을 알아 낸 :
$("a.directions-link").attr("href", "http://www.google.com/");
그러나 href가 이미 무엇인지 변경하지 않고 href 끝에 내 가치를 추가하고 싶습니다.
어떻게 할 수 있습니까?
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');
});
jQuery 1.4에는이를위한 새로운 기능이 있으며 규칙이 적용됩니다. 나는 그것이 무엇인지 잊어 버렸지 만 다음과 같이 사용합니다.
$("a.directions-link").attr("href", function(i, href) {
return href + '?q=testing';
});
그것은 모든 요소를 반복하므로 $ .each가 필요하지 않습니다.
$("a.directions-link").attr("href", $("a.directions-link").attr("href")+"...your additions...");
다음은 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;
//
작업 예 클릭
참고 URL : https://stackoverflow.com/questions/2805742/how-to-update-append-to-an-href-in-jquery
반응형
'IT TIP' 카테고리의 다른 글
jQuery $ .ajax를 통해 JavaScript 배열을 PHP로 전달 (0) | 2020.10.13 |
---|---|
멤버 함수에 대한 함수 포인터 (0) | 2020.10.13 |
Rails 3.1을 여러 데이터베이스와 연결 (0) | 2020.10.13 |
Stateless 세션 Bean을 통해 Stateful 세션 Bean을 언제 사용합니까? (0) | 2020.10.13 |
다른 CSS 클래스를 사용하여 CSS 클래스의 속성을 재정의하는 방법 (0) | 2020.10.13 |