捕获链接文本并作为查询字符串附加到URL

Question

我想捕获锚链接标记之间的文本，并将其作为查询字符串传递给href值，使其看起来像http://mysite.com/events/Pages/default.aspx?cat=cancer

我无法手动添加的原因是因为它之间的值是动态的。 我如何捕获它并使用jquery或javascript追加到url？

或者我可以，在点击巨蟹座链接的情况下，将其指向http://mysite.com/events/Pages/default.aspx?cat=cancer

<a href="http://mysite.com/events/Pages/default.aspx?cat="> Cancer</a>

Answer 1

$("a").on("click", function (e) {
    e.preventDefault();
    window.location = this.href + $.trim($(this).text());
});

或者，您可以为每个链接替换href属性：

$("a").prop("href", function () {
    return this.href += $.trim($(this).text());
});

然后单击每个链接将自动正确定向用户。 您的选择器（ $("a")应该更具体，具体取决于您的标记）

示例： http ： //jsfiddle.net/6U749/

编辑：如果你必须内联，这是一种方式：

<a href="http://mysite.com/events/Pages/default.aspx?cat=" onclick="window.location.href = this.href + $.trim($(this).text());"> Cancer</a>

Answer 2

你可以这样做：

$('.someClassImStickingOnLinksThatNeedThisBehavior').each(function()
{
    this.href = $.trim(this.href) + $.trim(this.innerHTML);
});

然后，对于任何链接，它会自动将HREF更新为当前HREF加上节点的值。

Answer 3

你可以做：

var yourlink = $("#youlink");
var href = yourlink.attr("href");
var text = yourlink.html();

yourlink.attr("href", href + "?cat=" + text);