如何将变量值传递给锚标记中的 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>
但不知何故,上面的代码不起作用。我做错了什么吗?
你在 jQuery 选择器中缺少#
,并在文档中插入代码。ready,以便在页面准备就绪时使您的脚本正常工作
试试这个:
<script>
$(document).ready(function(){
var id = "10";
$('#a_tag_id').attr('href','http://www.google.com&jobid='+id);
});
</script>
演示
您缺少 id 的#
。请尝试使用 $('#a_tag_id')
。在第一个查询字符串变量之前使用 ?
,而不是 &
。
使用 #
表示id
selctor
$('#a_tag_id').attr('href','http://www.google.com&jobid='+id);
^
小提琴演示
像这样修改 jquery
$('#a_tag_id').attr('href','http://www.google.com&jobid='+id);
当你的Javascript被执行时,a
标签可能还不存在。
用:
$(document).ready(function(){
var id = "10";
$('#a_tag_id').attr('href','http://www.google.com&jobid='+id);
});
此外,应该#a_tag_id
匹配 id。
$('#a_tag_id').attr('href','http://www.google.com?jobid='+id);
选择器应用于 id "#",查询字符串以"?"开头。
顺便说一句:这个问题不是跟进你的最后一个问题吗:将 id 传递给锚标签?