Question

HTML

<div class="number" id="number7"><br>
  <a href="" onclick="calculate(event)"><span>7</span></a>
</div>

JS

function calculate(event){ 
    event.preventDefault(); 
    var number = event.target.innerText; 
}

calculate只返回7，但我在javaScript变量中需要number7。

Answer 1

您可以使用jQuery来相对查找span。

$(".calculate").click(function () {
  console.log($(this).children("span").html())
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="number" id="number7"><br>
  <a href="" class="calculate"><span>7</span></a>
</div>

Answer 2

如果您希望使用纯JavaScript执行此操作，则可以使用以下脚本：

function calculate(event) {
  var value = parseInt(event.currentTarget.innerText, 10);
}

这将获取您与onclick="calculate(event)"绑定的元素的文本，并通过parseInt函数运行它。你可以read up more on parseInt on MDN，但基本上它将字符串转换为整数。现在，您将7的整数值存储为变量value，您可以随意使用它。

如何在一个变量中存储2个值？

2 个答案: