2017-06-01 92 views
0

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变量。

+0

你到目前为止尝试过什么? – NewToJS

+0

你指的是跨度内的number7,id或数字7。你想要做什么计算? – Neil

+0

@NewToJS我使用了这个函数:function calculate(event){event.preventDefault(); var number = event.target.innerText;但是,当我点击链接时,它只存储一个数字,但我希望它存储尽可能多的点击时间。 –

回答

0

您可以使用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>

0

如果你正在寻找与普通的JavaScript要做到这一点,你可以使用下面的脚本:

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

这将让该元素的文本,你”与onclick="calculate(event)"绑定并通过parseInt函数运行。你可以read up more on parseInt on MDN,但基本上它将字符串转换为整数。现在您将整数值7存储为变量value,您可以按照自己的意愿进行操作。

相关问题