Question

我正在尝试使用JavaScript随机函数将不同的值传递给href属性这是我的代码，但不是jQuery部分不起作用：

jQuery的： -

var numbers = ["22332233", "44455566", "12322122", "44455566", "12322122", "44455566", "12322122"];
var result = Math.floor(Math.random() * 5);
console.log(result);
console.log(numbers[result]);
$("#phone-tel").attr("href", numbers[result]);

HTML： -

<a id="phone-tel" href="">+353123456789</a>

Answer 1

您的代码可以正常工作，如果： -

1.jQuery库在您的脚本代码之前添加。

2.将您的脚本代码包含在$(document).ready(function(){..});内，如果 位于页面顶部 。如果脚本代码在页面底部，则无需换行。

工作示例： -

$(document).ready(function(){
  var numbers = ["22332233", "44455566", "12322122", "44455566", "12322122", "44455566", "12322122"];
  var result = Math.floor(Math.random() * 5);  
  console.log(result);
  $("#phone-tel").attr("href",numbers[result]);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id="phone-tel" href="">+353123456789</a>

Answer 2

您的代码中缺少jQuery库

通过添加jquery库，每个东西都可以正常运行代码。唯一的问题是，数组中只有7个元素。因此大多数随机数会一次又一次地生成最后生成的数字。要删除它，请保留最后一个值并生成除此之外的值。

如何使用javascript或jquery将变量值传递给href属性？

2 个答案: