如何将2个值存储在一个变量中?
问题描述:
HTML如何将2个值存储在一个变量中?
<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
,但我需要number7
在JavaScript变量。
答
您可以使用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>
答
如果你正在寻找与普通的JavaScript要做到这一点,你可以使用下面的脚本:
function calculate(event) {
var value = parseInt(event.currentTarget.innerText, 10);
}
这将让该元素的文本,你”与onclick="calculate(event)"
绑定并通过parseInt
函数运行。你可以read up more on parseInt on MDN,但基本上它将字符串转换为整数。现在您将整数值7
存储为变量value
,您可以按照自己的意愿进行操作。
你到目前为止尝试过什么? – NewToJS
你指的是跨度内的number7,id或数字7。你想要做什么计算? – Neil
@NewToJS我使用了这个函数:function calculate(event){event.preventDefault(); var number = event.target.innerText;但是,当我点击链接时,它只存储一个数字,但我希望它存储尽可能多的点击时间。 –