Jquery href锚值

Question

我在 aspx 页面中有一个锚链接，如下所示：

<a id="Anchor"class="myAnchor" href="Myproject/Mypage.aspx?myTag=asp">Go</a>

我需要使用 jquery 访问“myTag”值。如何做到这一点？

Answer 1

您可以使用以下代码获取url的具体查询参数：

Javascript

<脚本类型=“text/javascript”>
        函数 getAnchorValue(anchorId, key) {
            var href = document.getElementById(anchorId).getAttribute('href');
            var pageQuerySearch = new PageQuery(href.split('?')[1]);
            返回 unescape(unescape(pageQuerySearch.getValue(key)));
        }
        函数PageQuery（查询）{
            if (query.length > 1) { this.q = 查询; } else { this.q = null; } this.keyValuePairs = new Array();
            if (this.q) { for (var i = 0; i < this.q.split("&").length; i++) { this.keyValuePairs[i] = this.q.split("&") “）[我]; } };
            this.getValue = 函数 {
                for (var j = 0; j < this.keyValuePairs.length; j++) {
                    if (this.keyValuePairs[j].split("=")[0] == s) { return this.keyValuePairs[j].split("=")[1]; } }
                返回假；
            };
        }

这是这个函数的用法：

alert(getAnchorValue('Anchor', 'myTag'));

JQuery

<脚本类型=“text/javascript”>
    ; （函数（$）{
        $.扩展({
            getAnchorValue: 函数 (名称, url) {
                函数 getQueryStringParams() {
                    var 参数 = {}, e, a = /\+/g, r = /([^&=]+)=?([^&]*)/g,
                        d = 函数（s）{ 返回decodeURIComponent(s.replace(a, " ")); },
                        q = 网址？ url.split('?')[1] : window.location.search.substring(1);
                    while (e = r.exec(q)) { 参数[d(e[1])] = d(e[2]) };返回参数；
                }
                if (!this.params) this.params = getQueryStringParams();
                返回 this.params[name];
            }
        });
    })(jQuery);

用法：

alert($.getAnchorValue('myTag', $('#Anchor').attr('href')));

编辑：我已经编辑了我的答案，还添加了用于获取查询字符串参数的 jquery 代码

Answer 2

$(function(ready){
    alert($('#Anchor').attr('href')); // prints Myproject/Mypage.aspx?tag=asp
    alert($('#Anchor').text()); // prints Go
});

http://jsfiddle.net/max6s/

Answer 3

您可以这样做：

var myTag = $('#Anchor')[0].search.split('=')[1];

示例： http://jsfiddle.net/B6GYB/

或者不使用 jQuery：

var myTag = document.getElementById('Anchor').search.split('=')[1];

示例： http://jsfiddle.net/B6GYB/1/

Answer 4

要获取链接的 href：

var href = $('#Anchor').attr('href');

要获取内部的 HTML：

var html = $('#Anchor').html();

#Anchor 是 CSS 格式选择器，意思是“选择 ID 为“Anchor”的元素”。