반응형
jquery에서 href를 업데이트(첨부)하는 방법?
나는 구글 지도 api로 가는 링크 목록을 가지고 있습니다.
링크에는 이미 다음이 있습니다.daddr
(destination) 파라미터를 정적으로 지정합니다.Geo-Location을 사용하여 사용자 위치를 찾고 있는데 추가하고 싶습니다.saddr
(소스 주소) 데이터를 받으면 링크로 전송됩니다.
그래서 기본적으로 저는 다음과 같은 것을 추가해야 할 것입니다.&saddr=50.1234567,-50.03452
구글 지도를 가리키는 모든 링크의 끝에
모든 링크에는 다음과 같은 클래스가 있습니다.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';
});
이는 모든 요소에도 적용되므로 각각 $가 필요 없습니다.
$("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
반응형
'programing' 카테고리의 다른 글
시간값을 인쇄 가능한 형식으로 구조화 (0) | 2023.10.02 |
---|---|
자바에서 줄을 새로 추가하는 문자열을 인쇄하려면 어떻게 해야 합니까? (0) | 2023.10.02 |
PowerShell에 경과 시간 표시 (0) | 2023.10.02 |
스위프트에서 문자열에서 분음 부호를 제거하는 방법은? (0) | 2023.10.02 |
ps 명령이 도커 컨테이너에서 작동하지 않습니다. (0) | 2023.10.02 |