Question

我有三个链接，遗憾的是没有类或ID。他们的href是静态的。我想在URL的末尾为它们的所有三个附加相同的参数，所以我的想法是根据它们的href值来识别它们但我不知道如何做到这一点。

链接如下：

<ul class="links primary-tabs">
   <li><a href="/user">Login</a></li>
   <li><a href="/user/register">Register</a></li>
   <li><a href="/user/password">Forgot Password</a></li>
</ul>

到目前为止，我有以下代码，其中$ destination是一个PHP变量：

$(document).ready(function(){
        $(".page-user .primary-tabs a").attr("href", "/user/register?destination='.$destination.'");
});

当然，这会将所有三个链接更改为/ user / register？destination = ....

任何人都可以帮我解决如何将$ destination连接到保留其原始href的所有三个链接的位置吗？

由于

Answer 1

您可以将.attr()与函数一起使用，如下所示：

$(document).ready(function(){
  $(".page-user .primary-tabs a").attr("href", functon(i, href) {
     return href + "?destination='.$destination.'";
  });
});

这只是将查询字符串附加到每个，href是循环内的前一个值。

Answer 2

使用每个和这个：

<html><head></head><body>
<ul class="links primary-tabs">
   <li><a href="/user">Login</a></li>
   <li><a href="/user/register">Register</a></li>
   <li><a href="/user/password">Forgot Password</a></li>
</ul>
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script>
$(document).ready(function(){
    $("ul.primary-tabs a").each(function(){
        $(this).attr("href",$(this).attr('href') + '?destination=foo');
    });
});
</script>
</body></html>

如何使用jQuery将参数附加到没有id或类的链接？

2 个答案: