2017-06-01 84 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,您可以按照自己的意願進行操作。

相關問題