jQueryを使用してhref属性を操作します

Question

私はいくつかのURLを持っており、それらの前にスラッシュ（/）を追加したいと思います。

これは、彼らが私のHTMLでどのように見えるかです：

それは例えば見えるので、私は、 href属性でリンクを操作するにはどうすればよい

<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> 

このように：/products/？

ソリューションはIE 10で動作する必要があります。

Answer 1

$(element).attr("href", "http://example.com")を使用してURLを変更することができます。

Answer 2

あなたは、次のようにそれを行うにはjQueryの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

を変更する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/