Append Query String to URL with Jquery

Question

What am I doing wrong?

Only on pages with the URL location of "/MyWebsite/Example.aspx" append "?template=PW"
But only to links that contain "/HelloWorld/default.aspx"

There is no ID or classes associated to this link, so I have to look for the URL.

This is my code, but the links are not updating.. I know I'm close!

$(document).ready(function(){
    if (document.location.href.indexOf('/MyWebsite/Example.aspx') > 0)  
        {
            $('a[href*="/HelloWorld/default.aspx"]').append("href",$("?template=PW"))
        }
});

Okan Kocyigit · Accepted Answer · 2013-05-06 23:09:43Z

5

$(document).ready(function(){
    if (document.location.href.indexOf('/MyWebsite/Example.aspx') > 0)  
        {
            var $el = $('a[href*="/HelloWorld/default.aspx"]');
            $el.attr("href", $el.attr("href")+ "?template=PW");
        }
});

answered May 6, 2013 at 23:09

Okan Kocyigit

13.5k18 gold badges74 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

shaz3e Over a year ago

I'd like to accomplish the same things but with all href how can I do that? please mention me @Shaz3e on twitter with your reply.

Okan Kocyigit Over a year ago

@shaz3e, use $.each method to loop all anchors, $("a").each(function() { $(this).attr("href", $(this).attr("href")+ "?template=PW"); });

shaz3e Over a year ago

I have already achieved this by using the following code. <script type="text/javascript"> var querystring = 'MyString'; // Replace this $('a').each(function(){ var href = $(this).attr('href'); href += (href.match(/\?/) ? '&' : '#') + querystring; $(this).attr('href', href); }); </script>

BuddhiP · Accepted Answer · 2019-01-31 17:07:31Z

4

This would definitely solve your problem as it did mine.

<script type="text/javascript">
    var querystring = 'MyString'; // Replace this
    $('a').each(function(){
        var href = $(this).attr('href');
        href += (href.match(/\?/) ? '&' : '?') + querystring;
        $(this).attr('href', href);
    });
</script>

edited Jan 31, 2019 at 17:07

BuddhiP

6,5035 gold badges39 silver badges57 bronze badges

answered Mar 30, 2017 at 13:27

shaz3e

3343 silver badges15 bronze badges

Comments

Flo Schild · Accepted Answer · 2013-05-06 23:10:00Z

3

Use $.attr() to edit an attribute.

$.append() is used to insert an html child node inside your element.

$(document).ready(function(){
    if (document.location.href.indexOf('/MyWebsite/Example.aspx') > 0)  
        {
            var href = '/HelloWorld/default.aspx';
            $('a[href*="' + href + '"]').attr("href", href + "?template=PW")
        }
});

answered May 6, 2013 at 23:10

Flo Schild

5,3144 gold badges45 silver badges56 bronze badges

Comments

rockstardev · Accepted Answer · 2014-03-11 08:42:57Z

1

Have you consider using PURL? With PURL I was able to do this:

var url = "http://localhost/some/url?item1=one&item2=two";
if ($.url(url).attr('query')) {
    url = url + '&newItem=new';
}
else {
    url = url + '?newItem=new';
}

answered Mar 11, 2014 at 8:42

rockstardev

13.6k41 gold badges172 silver badges305 bronze badges

1 Comment

Joe Love Nov 24 at 19:21

I love this solution, but would rather not us a library specifically for this. Wondering if there's another solution using jquery or vanilla Javascript

Paolo · Accepted Answer · 2020-04-16 22:47:19Z

Replace

$('a[href*="/HelloWorld/default.aspx"]').append("href",$("?template=PW"))

With

$.each(
    $('a[href*="/HelloWorld/default.aspx"]'),
    function(index, value) {
        $(value).attr('href', $(value).attr('href') + '?template=PW');
    }
);

That will get you started, but you should also check to make sure there isn't a query string parameter already in the matched URL.

$().append() doesn't alter the value of the href attribute, it is used to insert content at the end of each matched element. The jQuery documentation has examples of how to use $().append().

Collectives™ on Stack Overflow

Append Query String to URL with Jquery

5 Answers 5

3 Comments

Comments

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

3 Comments

Comments

Comments

1 Comment

Comments

Linked

Related