IT TIP

jquery에서 href를 업데이트 (추가)하는 방법은 무엇입니까?

itqueen 2020. 10. 13. 19:59
반응형

jquery에서 href를 업데이트 (추가)하는 방법은 무엇입니까?


모두 Google지도 API로 이동하는 링크 목록이 있습니다.

링크에는 이미 daddr(destination) 매개 변수가 정적으로 있습니다. Geo-Location을 사용하여 사용자 위치를 찾고 saddr데이터를 받으면 링크에 (소스 주소)를 추가하고 싶습니다 .

그래서 기본적으로 &saddr=50.1234567,-50.03452Google지도를 가리키는 모든 링크의 꼬리 끝에 같은 것을 추가해야 합니다.

모든 링크에는 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

반응형