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

时间:2013-12-02 17:48:32

标签: jquery url variables append href

我无法想出这个......

有人可以帮我解释一下它的工作原理吗?

目标: 将变量添加到硬编码的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当然......

6 个答案:

答案 0 :(得分:3)

鉴于此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);

答案 1 :(得分:1)

尝试

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

答案 2 :(得分:0)

HREF是一个属性,因此您可以通过.attr()

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

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

答案 3 :(得分:0)

  1. 为您的链接提供ID。

    <a id="lnkTarget" href="#">click here...</a>

  2. 添加对JQuery JavaScript Library的引用。

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

  3. 获取与JQuery Selector的链接的句柄并使用attr函数。

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

答案 4 :(得分:0)

的JavaScript

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

的jQuery:

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

答案 5 :(得分:0)

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

解决方案:

  $.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>' 
                               );
        });