change link href attribute with html() function

Question

If i have a link in my page.I want to change its href attribute after some event is triggered how i can do that

Button

<a id="btn-start" href="/dashboard/save/{{ pk }}" class="btn btn-primary btn-embossed">Save Reward</a>

Javascript

$( "#sortable1 div" ).sortable({
        connectWith: "div",
        stop: function( event, ui ) {

            if($('#sortable2').find('img').length==6) {
                $('#btn-start').html("<a id='btn-start' href='/dashboard/redeem/{{ pk }}' class='btn btn-danger' >Redeem Coupon</a>");
            }
        }
    });

Possible duplicate: stackoverflow.com/questions/179713/…

Rahul Desai
– Rahul Desai

2014-01-29 11:21:51 +00:00
Commented Jan 29, 2014 at 11:21 — Rahul Desai
– Rahul Desai, Commented Jan 29, 2014 at 11:21

BenM · Accepted Answer · 2014-01-29 11:23:55Z

1

html() will change the inner HTML of your element. As a result, your code adds another <a> element inside your #btn-start element.

You can use the prop() function to change the actually HTML property (and attribute):

if($('#sortable2').find('img').length == 6) 
{
    $('#btn-start').prop('href', '/dashboard/redeem/{{ pk }}');
}

answered Jan 29, 2014 at 11:23

BenM

53.3k26 gold badges116 silver badges172 bronze badges

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

Comments

Prashobh · Accepted Answer · 2014-01-29 11:22:37Z

0

$('#btn-start').attr ('href', "http://sample");

answered Jan 29, 2014 at 11:22

Prashobh

9,58415 gold badges66 silver badges92 bronze badges

Comments

P.Sethuraman · Accepted Answer · 2014-01-29 11:28:43Z

0

As per your code you change href,class and innerhtml of "#btn-start".If its below is the working code

 $('#btn-start').attr('href=','/dashboard/redeem/{{ pk }}')
 .attr('class','btn btn-danger').html('Redeem Coupon');

edited Jan 29, 2014 at 11:28

answered Jan 29, 2014 at 11:23

P.Sethuraman

7153 silver badges5 bronze badges

Collectives™ on Stack Overflow

change link href attribute with html() function

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related