jquery - 将来自 url 的传入查询字符串附加到页面上的特定链接

Question

我一直在使用以下脚本将传入 url 的查询字符串附加到网页上的链接，因此它们会通过用户进入我网站的所有页面进行。查询字符串通常是 utm tracking，但每个值都是唯一的，并且是为每个访问者动态生成的。

使用的脚本：

<script>
jQuery(document).ready(function() {
var getPageSubURL = window.location.search.substring(1);
jQuery('a').each(function() {
var currentURL = jQuery(this).attr('href');
jQuery(this).attr('href', currentURL + '?' + getPageSubURL );
});
});
</script>

它工作正常，但现在我需要它只应用于页面上的3 个特定链接，因为其他链接将具有不同的参数已经硬编码。

我应该如何编辑此脚本以添加此特定规则？或者有更好的方法吗？

非常感谢你的帮助。

Answer 1

如果您知道究竟是哪一个，您可以尝试在这 3 个锚点上放置一些 css 类（不需要是现有的类）吗？

例子：

<a href="#" class="linkToModify"></a>
<a href="#"></a>
<a href="#" class="linkToModify"></a>
<a href="#" class="linkToModify"></a>
<a href="#"></a>

然后是你的脚本：

<script>
jQuery(document).ready(function() {
var getPageSubURL = window.location.search.substring(1);
jQuery('.linkToModify').each(function() {
var currentURL = jQuery(this).attr('href');
jQuery(this).attr('href', currentURL + '?' + getPageSubURL );
});
});
</script>