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

Question

如何将变量值传递给锚标记中的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>

但是上述代码无法正常工作。 我做错什么了吗？

Answer 1

您在jQuery选择器中缺少#并将代码插入到document.ready中，以使您的脚本在页面准备好后即可工作

尝试这个：

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

Answer 2

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

Answer 3

将#用作id选择器

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

Answer 4

像这样修改jQuery

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

Answer 5

当执行你的JavaScript中， a标签可能还不存在。

采用：

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

另外，它应该是#a_tag_id以匹配ID。

Answer 6

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

选择器应用于ID'＃'，查询字符串以“？”开头。

顺便说一句：这个问题不是针对您的最后一个问题：将ID传递给锚标记吗？