Манипулировать атрибут href с помощью jQuery

Question

У меня есть несколько URL-адресов и вы хотели бы добавить косую черту (/) перед ними.

Это, как они выглядят в моем HTML:

<li class="link"> 
    <a href="products/">Products</a> 
</li> 
<li class="link"> 
    <a href="team/">Team</a> 
</li> 
<li class="link"> 
    <a href="contact/">Contact</a> 
</li> 

Как я могу манипулировать ссылку в атрибуте href, так это выглядит, например, вот так: /products/?

Решение должно работать на IE 10!

Answer 1

Чтобы изменить URL-адрес, вы можете использовать $(element).attr("href", "http://example.com").

Answer 2

Вы можете использовать attr() изменить ссылки

$('li.link a').each(function() { 
 
    $(this).attr('href', '/' + $(this).attr('href')); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li class="link"> 
 
    <a href="products/">Products</a> 
 
</li> 
 
<li class="link"> 
 
    <a href="team/">Team</a> 
 
</li> 
 
<li class="link"> 
 
    <a href="contact/">Contact</a> 
 
</li>

Answer 3

Вы можете использовать JQuery attr() способ сделать это, как следующее.

$('.link a').attr('href', function(){ 
 
    return '/' + $(this).attr('href'); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li class="link"> 
 
     <a href="products/">Products</a> 
 
    </li> 
 
    <li class="link"> 
 
     <a href="team/">Team</a> 
 
    </li> 
 
    <li class="link"> 
 
     <a href="contact/">Contact</a> 
 
    </li> 
 
</ul>

Answer 4

Может быть что-то вроде этого

var name = "/" + $('.link').children().attr('href'); 
$('.link').children().attr('href',name); 

чекаут JQuery .attr документация() http://api.jquery.com/attr/