将变量值传递给锚标记中的href参数

时间:2013-07-31 06:23:16

标签: javascript jquery html

如何将变量值传递给锚标记中的href参数。

<body>
<script>
var id = "10";
$('a_tag_id').attr('href','http://www.google.com&jobid='+id);
</script>


<a id="a_tag_id">something_here</a>
</body>

我希望在执行上述代码后,锚标记看起来像这样。

<a href="http://www.google.com&jobid=10">something_here</a>

但不知何故,上面的代码无效。我在做什么事吗?

6 个答案:

答案 0 :(得分:2)

您在jQuery选择器中错过了#,并在document.ready中插入代码,以便在页面准备就绪时使您的脚本正常工作

试试这个:

<script>
$(document).ready(function(){
   var id = "10";
   $('#a_tag_id').attr('href','http://www.google.com&jobid='+id);
});
</script>

DEMO

答案 1 :(得分:1)

您错过了#的ID。尝试使用$('#a_tag_id')。在第一个查询字符串变量之前使用?而不是&

答案 2 :(得分:1)

#选择器

使用id
$('#a_tag_id').attr('href','http://www.google.com&jobid='+id);
   ^

Fiddle Demo

答案 3 :(得分:1)

像这样修改jquery

 $('#a_tag_id').attr('href','http://www.google.com&jobid='+id);

答案 4 :(得分:0)

执行Javascript时,a标记可能尚不存在。

使用:

$(document).ready(function(){
    var id = "10";
    $('#a_tag_id').attr('href','http://www.google.com&jobid='+id);
});

此外,它应与#a_tag_id匹配。

答案 5 :(得分:0)

$('#a_tag_id').attr('href','http://www.google.com?jobid='+id);

选择器应为id'#',查询字符串以“?”开头。

顺便说一句:这个问题是否跟进了你的上一个问题:Pass an id to anchor tag