Question

我有一些网址，并希望在它们之前添加斜杠（/）。

这就是他们在我的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()方法执行以下操作。

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

您可以使用attr()更改链接

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

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

Answer 4

可能是这样的

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

签出jquery .attr（）文档 http://api.jquery.com/attr/

使用jQuery操作href属性

4 个答案: