Change url based onanother link in jQuery

Question

I need to make second url same as first url using jQuery. Please see my html code below. It is a list of divs and as.

    <div class="text-center">

<h5 class="category"><a href="url" rel="tag">No need to change this url</a> </h5>

<div class="tx-div small"></div>

 <a href="url1"><p class="name">Url</p></a>

    <span class="price">
<div class="add-to-cart-button">
<a href="url2" rel="nofollow"  class="add_to_cart_button product_type_simple button alt-button small clearfix" target="_blank">Change this to url1 </a>
</div>  


</div>


<div class="text-center">

<h5 class="category"><a href="url" rel="tag">No need to change this url</a> </h5>

<div class="tx-div small"></div>

 <a href="url1"><p class="name">Url</p></a>

    <span class="price">
<div class="add-to-cart-button">
<a href="url2" rel="nofollow"  class="add_to_cart_button product_type_simple button alt-button small clearfix" target="_blank">Change this to url1 </a>
</div>  


</div>

Please help

The question is missing the attempted code, also somewhat unclear. edit. — Tushar
– Tushar, Commented Apr 23, 2016 at 12:46

Uzbekjon · Accepted Answer · 2016-04-23 13:38:42Z

1

Updated code:

$('.text-center').each(function(){
  $('a:eq(2)', this).attr('href', $('a:eq(1)', this).attr('href'));
});

Try this code:

$('.fc').each(function(){
  $('.sec', this).attr('href', $('.fic', this).attr('href'));
});

edited Apr 23, 2016 at 13:38

answered Apr 23, 2016 at 12:51

Uzbekjon

11.8k5 gold badges40 silver badges55 bronze badges

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

2 Comments

Uzbekjon Over a year ago

Looks the same except css class names. Just change css class names in my code and everything should work just fine.

Manik Over a year ago

But i can't add class name . And it don't have class name .

Manjeet Barnala · Accepted Answer · 2016-04-23 13:49:27Z

1

Try this code, Here is working example try....

$(".text-center").find('.url1').each(function( i ) {
		var url1 = $(this).attr('href');
		$(this).parent().find('.url2').attr('href',url1);
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="text-center">
	<h5 class="category"><a href="url" rel="tag">No need to change this url</a> </h5>
	<div class="tx-div small"></div>
	 <a class="url1" href="url1"><p class="name">Url</p></a>
	<span class="price">
		<div class="add-to-cart-button">
		<a href="url2" rel="nofollow"  class="add_to_cart_button product_type_simple button alt-button small clearfix url2" target="_blank">Change this to url1 </a>
		</div>  
	</span>	
</div>

<div class="text-center">
	<h5 class="category"><a href="url" rel="tag">No need to change this url</a> </h5>
	<div class="tx-div small"></div>
	 <a class="url1" href="url11111"><p class="name">Url</p></a>
	<span class="price">
		<div class="add-to-cart-button">
		<a href="url22222" rel="nofollow"  class="add_to_cart_button product_type_simple button alt-button small clearfix url2" target="_blank">Change this to url1 </a>
		</div>  
	</span>	
</div>

edited Apr 23, 2016 at 13:49

answered Apr 23, 2016 at 13:17

Manjeet Barnala

2,9951 gold badge13 silver badges21 bronze badges

6 Comments

Manik Over a year ago

But it is a loop of html div . It is repeating .

Manik Over a year ago

Thank you :) .. But url1 is always change . And it is dynamic . Please see the accepted answer .

Manjeet Barnala Over a year ago

@Manik i've edited the answer, please check use common class in for anchor in loop and then .each anchor will solve your problem, try the code above...

Manik Over a year ago

Thank you :) .. But url1 is always change and there is no class namely url1 . And it is dynamic . Please see the accepted answer

Manjeet Barnala Over a year ago

@Manik this will also works for dynamic urls, i'm here getting the href of anchor from class...

|

Collectives™ on Stack Overflow

Change url based onanother link in jQuery

2 Answers 2

2 Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related