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

passing variable value to href argument in anchor tag

本文关键字：href 参数 变量值 变量 值传      更新时间：2023-09-26

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

相关文章：