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

【问题标题】：Appending incoming query string from url to specific links on page将来自 url 的传入查询字符串附加到页面上的特定链接
【发布时间】：2018-08-28 23:19:53
【问题描述】：

我一直在使用以下脚本将传入 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 个特定链接，因为其他链接将具有不同的参数已经硬编码。

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

非常感谢您的帮助。

【问题讨论】：

标签： jquery url query-string utm-tracking

【解决方案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>

【讨论】：