为文档中的链接添加URL参数

Adding URL Parameters to a link within a document jquery

本文关键字：添加 URL 参数 链接 文档      更新时间：2023-09-26

我遇到了麻烦，从链接中抓取参数并将它们附加到链接的末尾。我可以更改元素的文本，但不能更改属性。看看我的不工作的例子。

$(document).ready(function() {
            var urlParams = window.location.search;
            if (urlParams) {
                // remove leading '?' if present
                var cleanUrlParams = (urlParams[0]=='?') ? urlParams.substring(1, urlParams.length) : urlParams;
                // remove leading and trailing '&' if present
                var cleanUrlParams = (cleanUrlParams[0]=='&') ? cleanUrlParams.substring(1, cleanUrlParams.length) : cleanUrlParams;
                var cleanUrlParams = (cleanUrlParams[cleanUrlParams.length - 1]=='&') ? cleanUrlParams.substring(0, cleanUrlParams.length - 1) : cleanUrlParams;
                // include only the url params with values
                var includeUrlParams = "";
                var urlParamPairs = cleanUrlParams.split("&");
                for (var i = 0; i < urlParamPairs.length; i++) {
                    var splitUrlParamPair = urlParamPairs[i].split("=");
                    if ((splitUrlParamPair.length == 2) && (splitUrlParamPair[1].length > 0)) {
                        if (includeUrlParams.length > 0) {
                            includeUrlParams = includeUrlParams + "&";
                        }
                        includeUrlParams = includeUrlParams + urlParamPairs[i];
                    }
                }
                // if there are url parameters then append them to something in the DOM
                if (includeUrlParams.length > 0) {
                    $(".editMyUrlParams").attr("href" + includeUrlParams);
                }
            }
        });

然后像这样调用

<a class="editMyUrlParams" href="http://thisisawebsite.com/">This is a link</a>

我想这就是我错的地方。如果我把下面的代码改成text，它就可以了

if (includeUrlParams.length > 0) {
                    $(".editMyUrlParams").text("There are the params: " + includeUrlParams);
                }

所以我知道我错过了一些东西我可以将属性附加到href的末尾并得到这样的结果

<a class="editMyUrlParams" href="http://thisisawebsite.com/?param1=this1&param2=this2">This is a link</a>

提前感谢您的帮助

使用jQuery .attr()方法

$(".editMyUrlParams").attr('href', $(".editMyUrlParams").attr('href') + stringToAppend);

或更好:

var $elements = $(".editMyUrlParams");
var oldHrefValue = $elements.attr('href');
var newHrefValue = oldHrefValue + stringToAppend;
$elements.attr('href', newHrefValue);
相关文章：