使用jQuery處理href屬性

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

您可以使用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 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

您可以使用$(element).attr("href", "http://example.com")更改URL。

Answer 4

可能是這樣的

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

檢出jquery .attr（）文檔http://api.jquery.com/attr/