I want to modify href link append characters using jQuery or JavaScript

Question

Here is my HTML

<div class="nav-wrapper">
<nav>
<ul>
<li><a href="https://mytestsite.com/search/label/Technology?m=1" rel="tag"></a></li>
<li><a href="https://mytestsite.com/search/label/Science?m=1" rel="tag"></a></li>
<li><a href="https://mytestsite.com/search/label/Invention?m=1" rel="tag"></a></li>
<li><a href="https://mytestsite.com/search/label/History?m=1" rel="tag"></a></li>
<li><a href="https://mytestsite.com/search/label/Humanity?m=1" rel="tag"></a></li>
</ul>
</nav>
</div>

I want to remove ?m=1 and add &max-results=7&m=1. Can someone please help me with this?

[Google it](https://www.google.lv/search?q=change+href+parameter+jquery&oq=edit+href+para&aqs=chrome.1.69i57j0l4.5940j0j4&sourceid=chrome&ie=UTF-8) — Mike B, Sep 14 '16 at 12:14

score 2 · Answer 1 · answered Sep 14 '16 at 12:17

2

You can use .attr(attributeName, function)

$('nav-wrapper a').attr('href', function(_, value){
    return value.replace('m=1', 'max-results=7&m=1');
});

answered Sep 14 '16 at 12:17

Satpal

132,252
13
159
168

Thank you very much Saptal. Your script is also working. – Aarnivep Sep 14 '16 at 12:38

score 1 · Answer 2 · answered Sep 14 '16 at 12:14

1

try replace()

href = $('a').attr('href')

$('a').attr('href', href.replace('m=1', 'max-results=7&m=1') )

answered Sep 14 '16 at 12:14

Bartłomiej Gładys

4,525
1
14
24

Thank you very much for the help. It worked for me as I expected. – Aarnivep Sep 14 '16 at 12:36
All anchor element's `href` will have same url see https://jsfiddle.net/bnkgbywz/ – Satpal Sep 14 '16 at 12:42

score 0 · Answer 3 · answered Sep 14 '16 at 12:30

0

All the above answers are correct. But simple string concate will also work for you.

href = $('a').attr('href');
$('a').attr('href', href+'&max-results=7');

answered Sep 14 '16 at 12:30

Ish

2,085
3
21
38

I want to modify href link append characters using jQuery or JavaScript

3 Answers3