Changing the attribute of the HTML tag using jQuery

Question

I am trying to change the attribute of an <a> tag using jQuery but it's not working. I am trying to change the src attribute of the <a> tag from www.google.com to www.somewebsite.com. Can anyone please tell me where I am getting it wrong.

<p class="form-row text-varient">
    <label class="checkbox">
        Some text here
        <a target="_blank" href="http://google.com">Link Text</a>
    </label>
</p>

jQuery(document).ready(function(){
    jQuery(".text-varient").find("a").attr("href", "http://www.somewebsite.com/");
});

Where does the .terms come from? It's not visible in your provided HTML — Mike Donkers
– Mike Donkers, Commented Nov 22, 2015 at 17:22
Where is the .terms element? The only reason this code wouldn't work is if that element is not in the source. — Rory McCrossan
– Rory McCrossan, Commented Nov 22, 2015 at 17:22
Well, given your update, the code works fine: jsfiddle.net/qhr1edkf. If you're still having issues, check the console for errors. — Rory McCrossan
– Rory McCrossan, Commented Nov 22, 2015 at 17:28

Nico · Accepted Answer · 2015-11-22 17:27:37Z

2

jQuery(document).ready(function(){
    $(".checkbox").find('a').attr("href", 'http://www.somewebsite.com');
 });

fiddle

answered Nov 22, 2015 at 17:27

Nico

7,2764 gold badges26 silver badges42 bronze badges

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

Comments

lyndact · Accepted Answer · 2015-11-22 17:24:43Z

2

Try this:

<p class="form-row text-varient">
<label class="checkbox">
    Some text here
    <a target="_blank" href="http://google.com">Link Text</a>
</label>
</p>

<script>

$(document).ready(function(){

    $(".checkbox a").attr("href", "http://www.somewebsite.com");

});



</script>

edited Nov 22, 2015 at 17:24

answered Nov 22, 2015 at 17:22

lyndact

1

1 Comment

Top Gun Over a year ago

Thanks for your reply but this will change all the attributes of the <a> tag in the website i want this specific attribute to be changed

Collectives™ on Stack Overflow

Changing the attribute of the HTML tag using jQuery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related