JQuery - 将变量附加到 URL，并在 href 中使用它答案

【问题标题】：JQuery - appending variable to URL, and use it in a hrefJQuery - 将变量附加到 URL，并在 href 中使用它
【发布时间】：2013-12-02 17:48:32
【问题描述】：

这个我想不通……

有人可以帮我解释一下它是如何工作的吗？

目标：将变量添加到硬编码的 URL，并将新字符串放入 href

例子：

var x = "1000";
var y = "http://www.google.com"
var result = y + x;

<a href="! the value of result !">click here...</a>

编辑对不起，我的意思是 y + x of course...

【问题讨论】：

"1000http://www.google.com" 是一个很奇怪的网址...
真的吗？ -> '<a href="' + result + '">click here...</a>'
api.jquery.com/category/attributes

标签： jquery url variables append href

【解决方案1】：

鉴于此 HTML 代码： <a href="" target="_blank">click here...</a>

你需要这段 js 代码：（工作示例http://jsfiddle.net/QUEZL）

var x = "http://www.google.com/"
var y = "#q=test";

var result = x + y;
$('a').attr('href', result);

【讨论】：

【解决方案2】：

试试

$("a").attr("href", result)

【讨论】：

【解决方案3】：

对我来说，上述所有方法都是用循环中引用的变量的最新值替换变量。

解决方案：

  $.each(statusForUI, function( key, value ) {
        x = "http://192.168.10.100:8888/workflow/" + key;
        $('.listTable').append(
                                 '<tr><td>'  +
                                 '<a href="' + x + '"> env_name </a>' + 
                                  key        + 
                                 '</ td></tr>' 
                               );
        });

【讨论】：

【解决方案4】：

HREF 是一个属性，因此您可以通过.attr() 访问它

var x = "1000";
var y = "http://www.google.com/"
var result = y + x;

$('a').attr({'href':result});

【讨论】：

【解决方案5】：

给你的链接一个 ID。

<a id="lnkTarget" href="#">click here...</a>
添加对 JQuery JavaScript 库的引用。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
使用 JQuery 选择器获取链接的句柄并使用 attr 函数。

$('#lnkTarget').attr('href', result);

【讨论】：

【解决方案6】：

JavaScript：

document.getElementsByTagName('a')[0].href = result ;

jQuery:

$("a").attr("href", result)

【讨论】：